哪个度量单位最适合网页布局,px,百分比或ems?

sua*_*ign 2 css usability layout

可能重复:
px,em和ex有什么区别?

我对StackOverflow上的所有编码天才都有疑问.我是新手,我即将开始建立我的第三个网站.由于我的前两个网站的布局有些问题,我在开始第三个问题之前就问了这个问题:

对css元素最好使用什么度量?Percents,EM's还是Px?

哪种形式的测量将确保我的网站不会因不同的浏览器尺寸/分辨率而失真?在构建我的网站时,还有什么我必须小心的,这样当用户缩放或从不同的浏览器大小/分辨率查看网站时它不会变形吗?(就像我在其他网站上的情况一样)

谢谢你的时间,伙计们.任何帮助将不胜感激!!谢谢.

Dom*_*nic 8

无论哪个更容易与您合作.

现代浏览器(即,除了IE6和IE7之外今天使用的所有内容)具有与"实际像素"不同的"CSS像素"的概念,因此例如缩放改变"CSS像素"的大小.字体会很好地扩展; 如果你说字体是14px,它会以这种方式开始,但如果用户缩放它会变大.因此,如果您可以轻松地以像素为单位进行测量,例如相对于给定像素大小的图像调整页面元素的大小,则应该执行像素.

但有时你想要相对于文本调整大小.如果em-dash的宽度是一个有用的测量,有些代表"最长的可能角色",请继续使用ems.

最后,如果你正在尝试流畅的布局,百分比可能很大:在页面上开始淡出50%的渐变通常是你想要的,而不是在一些合适的像素数后开始渐弱的渐变.即使你不流畅,并且你的容器的宽度固定在例如900px,但仍然常常有用的是说"这达到了50%的标记"或"我有一个东西在33%的标记,一个在66%的分数." 与使用每次相应的像素偏移量相比,这更容易使用,并使您的意图更清晰.