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
最近のブラウザは座標取得が小数点つきで返ってくるからなあ。フォントサイズもできてもおかしくない
まあ、この場合は最小フォントサイズ制限にひっかかるのだけども
7:ID:W5e8ba 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%に拡大してもわからない?
いや試してないけど
コメントの受付は終了しました。

一緒に読まれているつぶやき

ページ上部に戻る