請賜教: 有關 font-size 的疑問

喬治兄 · 发表于 2019-8-16 13:53:15

本帖最后由喬治兄于 2019-8-16 14:03 编辑

小弟不才被一個問題困擾時日已久
盼各位先進予以解惑
感謝大德

that

1. 請問 font-size:15.003 指的是 px 嗎?
2. 請問如此的 font-size: 15.003 指的是高度還是寬度?
3. 若是指 px 請問如此的 font-size: 15.003 真實高度和寬度是多少 px ?
4. 若不是指 px 那如何得知真實高度和寬度是多少 px
5. 問題 ( 3 和 4 ) 能否解釋怎麼算出高度和寬度各是多少 px ?

謝謝

lmjiao · 发表于 2019-8-16 14:37:20

我一般用百分比 100%，90% 什么的。用绝对大小不太容易适配各种终端（PC、手机。。。）

喬治兄 · 发表于 2019-8-16 14:43:23

lmjiao 发表于 2019-8-16 14:37
我一般用百分比 100%，90% 什么的。用绝对大小不太容易适配各种终端（PC、手机。。。） ...

lmjiao 兄:
所言及是, 小弟只是想搞懂
1. 當 that
並無 px 的陳述是否也是 px
2. 高度和寬度各是 ? px

lmjiao · 发表于 2019-8-16 14:44:15

喬治兄发表于 2019-8-16 14:43
lmjiao 兄:
所言及是, 小弟只是想搞懂
1. 當 that

这个我也不懂

atauzki · 发表于 2019-8-16 15:53:22

chrome里，F12看下就知道了。
that
<hr>
<div style="font-size:110%>
that 
that
</div>

结果第一个是15px，第二个是16px，第三个15px。
这个原理可能是这样的https://zhuanlan.zhihu.com/p/40402007
所以最好别用。

atauzki · 发表于 2019-8-16 15:56:24

lmjiao 发表于 2019-8-16 14:37
我一般用百分比 100%，90% 什么的。用绝对大小不太容易适配各种终端（PC、手机。。。） ...

px也不是不能用，pt是绝对不能用的，因为连dpi都适应不了

VimVim · 发表于 2019-8-16 18:43:37

本帖最后由 VimVim 于 2019-8-16 18:46 编辑

我的理解：

/* <length>，长度值 */
font-size:15.003px;

在线试验：
https://www.w3school.com.cn/tiy/t.asp?f=csse_font-size

标准用法：
https://developer.mozilla.org/zh-CN/docs/Web/CSS/font-size

atauzki · 发表于 2019-8-16 20:50:29

VimVim 发表于 2019-8-16 18:43
我的理解：

/* ，长度值 */

无单位不完全是px。

喬治兄 · 发表于 2019-8-18 09:10:23

本帖最后由喬治兄于 2019-8-18 09:23 编辑

atauzki 发表于 2019-8-16 15:53
chrome里，F12看下就知道了。
that

atauzki 兄:
非常感謝您和 @VimVim 兄指點迷津, 昨日人在外地無法及時請益
小弟試了下 font size =??? 無單位顯然和其他 px, pt, em .......的都不同
依然非常困惑.............因如此用法必有它的特別的用意和其更佳的彈性
和適用的狀況

喬治兄 · 发表于 2019-8-18 09:24:25

VimVim 发表于 2019-8-16 18:43
我的理解：

/* ，长度值 */

VimVim 兄:
小弟試了下 font size =??? 無單位顯然和其他 px, pt, em .......的都不同

VimVim · 发表于 2019-8-19 09:47:02

不必纠结“无单位”这种低质量的用法，不同浏览器及同一浏览器的不同版本的解析都不一定一致。尽量采用标准用法吧：

https://developer.mozilla.org/zh-CN/docs/Web/CSS/font-size

[求助] 請賜教: 有關 font-size 的疑問