我应该使用%或' px'在HTML中

时间:2012-02-20 09:32:09

标签: html css units-of-measurement

无论是HTML,XHTML还是HTML5,您都会发现遍布整个地方的烦人百分比。然而......我看到很多网站都不敢靠近他们。但我总是鼓励大家使用它们。

那么我应该使用哪个?哪会导致更好的网站设计?为什么?

我知道要避免使用高度,尽管如果我想使用百分比,HTML5真的不喜欢我没有指定高度。

感谢您花时间阅读。

2 个答案:

答案 0 :(得分:4)

这实际上取决于你想要建立什么 有时我需要建立一个可以被某些残疾人阅读的网站。例如,如果年龄较大的人访问您的网站,则可以使用%,这样他们就可以放大您的网页并且布局看起来仍然很漂亮。

  

固定设计布局固定设计布局具有特定的宽度   不缩放以适合浏览器窗口。使用它的网站可以   与左对齐,居中对齐,甚至与右对齐   需要时。

     

固定布局的好处:使用固定的设计布局,您可以控制   在线的长度,流量和元素在网上的位置   页。设计师有一个固定的工作空间和线长   可以轻松指定文本和图像的位置。

     

固定布局的缺点:固定的设计布局往往会留下很多   在高屏幕上查看时,设计两侧的空白空间   决议。这使网页的大小相形见绌   它浮在屏幕上的印象。

     

流体布局流体设计布局使用百分比而不是像素   定义它们的宽度,它们填满整个浏览器窗口。他们是   也称为固定或动态设计。

     

流体布局的好处:流体设计的主要优点之一   布局是他们的辅助功能。他们迎合了更多的   用户。这是因为,无论屏幕分辨率如何,或者   用户的设备,固定的设计布局适应更好。它利用了   整个浏览器窗口分散开来。这最大化了面积   对于要显示的内容,可以在一个地方看到更多信息   走。因此,窗口屏幕上没有空白区域。这是一个   与固定布局相比,更好的赌注留下了很多   空的空间。

答案 1 :(得分:2)

对于字体,如果您不希望在Internet Explorer中修复字体大小,则应使用百分比(或em或rems)。如果您使用像素,则在浏览器设置中更改其默认字体大小的Internet Explorer用户将看不到字体增加/减少。因此,这会使您的文本在该浏览器中对用户的可读性降低。

这是Dan Cederholm Bulletproof Web Design的第一章。

对于布局,使用百分比或em将使您的设计更灵活地更改字体大小/本地化等。本书也对此进行了介绍。