CSS百分比宽度和高度以及分辨率问题

时间:2012-04-03 18:06:18

标签: css screen-resolution units-of-measurement

我需要以多种屏幕分辨率运行我的应用程序。 目前我已经以百分比(%)而非像素(px)指定了所有尺寸,以便它会自动根据屏幕重新调整大小。

在我的网页上指定维度的更可靠的度量单位:像素(或EM)或百分比

3 个答案:

答案 0 :(得分:2)

这两种方法都是“可靠的”。但是,如果您正在寻找自动调整大小,百分比是可行的方法。如果您不希望元素根据窗口大小调整大小,则像素将是更好的解决方案。

答案 1 :(得分:2)

对于Responsive Webdesign,你真的应该利用media queries

我个人更喜欢像素,因为它们给了我更多的控制权,而且我可以可靠地知道每个元素的确切尺寸。使用媒体查询,您还可以根据屏幕分辨率设置新样式。

百分比为您提供了良好的响应感,但是确保您的布局不会被每个级别的分辨率所破坏都要困难得多。

答案 2 :(得分:0)

百分比始终适用于父元素的百分比,而像素始终是固定的。百分比更容易访问,特别是在较小的监视器上然而你会遇到在错误的时间线路断线等问题。例如,如果您有50px图像和100px宽文本行,并且您希望项目位于同一行,请指定150px宽度,因为如果您指定百分比,它们可能会出现在您的显示器上,而不是其他人。< / p>