1:ID:60Bn7x · 2017-07-14

#質問 デザイナーから文字サイズの指定が小数点のpxで来て「?」ってなってるコーダーなんですけど、pxで小数点ってできるの??
16pxを9.5pxに直してくださいって言われてる…。
「pxなの?emじゃなくて?」って聞いたんだけど、pxなんだって。
今は、もしかしてできるの?

24 件の回答

2:ID:Q.kWMs · 2017-07-14

デザイン上は指定が出来ますが、ウェブ上では出来ないです。
感覚が紙なんでしょうね、きっと。

3:ID:YE7g56 · 2017-07-14

補足で、ブラウザのデフォルト状態だと10px以下は指定できないですのでご注意ください。

4:ID: · 2017-07-14

だよね。あるがとう。

5:ID: · 2017-07-14

Re:4
ごめん、誤字。「ありがとう。」でした。

6:ID:/nniGK · 2017-07-14

最近のブラウザは座標取得が小数点つきで返ってくるからなあ。フォントサイズもできてもおかしくない
まあ、この場合は最小フォントサイズ制限にひっかかるのだけども

8:ID:EnuC02 · 2017-07-14

Re:7
そうなんだよね。デザイナーを試してみるか。小数点入れた風に言っておいて四捨五入しておく。
気づかなかったら、「こだわりの小数点pxはなんなんだい?」って話しだし。

9:ID:EnuC02 · 2017-07-14

Re:6
>最近のブラウザは座標取得が小数点つきで返ってくるからなあ

そう思ってね。
chromeのデベロッパーツールで見ると、font-sizeは確かに小数点なんだけど、実際ブラウザで見えてるのは本当に小数点のサイズか分らない…。

10:ID:wRXHgT · 2017-07-14

px を小数で指定するって事は、ピクセルとピクセルの間に何かを表示させようとしてるって事ね。ほおほお。それでデザイナーを名乗れるのか。楽でいいねー。

11:ID:EnuC02 · 2017-07-14

Re:10
まぁ、もと紙のデザイナーだし。って、自分も元紙だからフォローにならんが。
pxの概念を考えてしまうよね。

12:ID:EnuC02 · 2017-07-14

あれ、そういえば、いつの間にかIDが変わってた。
返信はすべて主です。

13:ID:PfiW0e · 2017-07-14

フォントも線も小数点指定出来るよ。四捨五入のタイミングはブラウザによるけど、整数との微妙な違いはあると思う。フォントもラインもカラム落ちを小数点単位で修正出来た事があるので。ブラウザはchromeとffがメインなので、他は知らない。

14:ID:EnuC02 · 2017-07-14

Re:13
主です。
切り捨てる小数点以下の桁数調べた。
小数点の切り上げ方のブラウザごとの一覧があった。
ほうほう。って思った。

でも、線の小数点は理解できるけど、フォントの小数点の使いどころが分らないw

つまり、まとめると、px小数点の指定は、ブラウザによるけど、今はできるよってことかな。

15:ID:HUldX0 · 2017-07-14

IE以外できてるっぽい
少数使う時はremでやってたけどpxでもいけるんだな

16:ID:wRXHgT · 2017-07-14

小数指定できるできないの話ではない。表示状は整数に丸められるので無意味だって事。お前ら大丈夫?

17:ID:EnuC02 · 2017-07-14

Re:16
主だけど、大丈夫じゃない…。

18:ID:EnuC02 · 2017-07-14

Re:17
丸めるって、表示上は、近い整数のpxになるってことかな。

たとえば、フォントサイズが
指定:11.4px→表示:11px
こういうことでOK?

19:ID:wRXHgT · 2017-07-14

Re:18
小数の切り捨てか切り上げか四捨五入かはブラウザによる。…と思う。ひょっとしてW3Cで規定されてるか?

20:ID:PfiW0e · 2017-07-14

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無題ドキュメント</title>
<style>
.content{ width: 900px; margin: 0 auto; background: #ccc; height: 3000px; }
.left{ float: left; width: 300px; border-left:0.1px solid #f00; background: #666; height: 600px; font-size:300.4px; overflow: auto; }
.right{ width: 600px; background: #999; height: 600px; float: right; }
</style>
</head>

<body>

<div class="content">ほげ
<div class="left">左</div>
<div class="right">右</div>
</div>

</body>
</html>
線や幅なんかは認識するけど、フォントは四捨五入されるな。

21:ID:PfiW0e · 2017-07-14

Re:14
記憶があいまいなので、試してみたよ。20:ID:PfiW0e

22:ID:PfiW0e · 2017-07-14

Re:14
いずれにしてもデザインを新たに起こす際に、フォントサイズを小数点で指定したりはしないな。

23:ID:9lK9FV · 2017-07-14

自分デザイナーだけど、こんな指示コーダーにしない。デザイナーだけど、こーいう独りよがりなデザイナー嫌い。

24:ID:DecZ/. · 2017-07-18

主です。
違う仕事やってる間にコメが賑わってた!
いろいろ意見とか考察とか検証とか出てきて勉強になりました。
みんな、ありがとう!

25:ID:/nniGK · 2017-07-19

Re:9
500%に拡大してもわからない?
いや試してないけど

1 件の回答が除外されました。[詳細]
コメントの受付は終了しました。

一緒に読まれている質問

ページ上部に戻る