我在理解以百分比表示的 CSS 数字属性时遇到了一些问题。
在这种特殊情况下,为了始终正确显示我的页面,我认为最好的方法是始终以 % 定义数字属性,例如宽度、高度或字体大小。
现在让我吃惊的是以下几点:
在分辨率为 1920x1080 且浏览器处于全屏模式时,放大和缩小仅影响font-size
. 为什么?我认为百分比值总是指 的值parent node
,因为我从
html{
width:100%;
height:100%;
}
缩放时font-size
也应该是静态的,因为相应的大小html
。没有body
改变。
在分辨率 800x600 和浏览器处于全屏模式时,显然内容会被缩放,因为html
resp。body
本身不太高,但是font-size
太大了。让我告诉你这个比较:
现在很明显,这让我认为 in 的百分比值font-size
并不是指parent node
. 所以基本问题是:如果我想实现页面的元素和字体在普通笔记本和分辨率较低的上网本上显示良好,我应该如何处理这些值?另外,当用户缩放时页面的行为也很可爱?
附录:我没有粘贴任何代码,因为这对我来说似乎是一个普遍的问题。