我是否应该在HTML中使用％或'px'

无论是HTML，XHTML还是HTML5，你都会发现那些烦人的百分比遍布整个地方。然而......我看到很多网站都不敢靠近他们。然而，我一直鼓励通过uni来使用它们。我是否应该在HTML中使用％或'px'

那我该用哪个？这将导致更好的网站设计，为什么？

我知道要避免使用高度，虽然HTML5真的不喜欢我不指定高度，如果我想使用百分比。

感谢您花时间阅读。

来源

2012-02-20 Ravenshade

答案取决于。但请告诉我，为什么你认为百分比很烦人？ – 2012-02-20 09:33:44

取决于你想要做什么。对此没有普遍的答案。 – 2012-02-20 09:34:30

_我知道避免使用身高...... _ – elclanrs 2012-02-20 09:34:44

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

固定设计布局固定设计布局有一个特定的宽度并做不能扩展以适应浏览器窗口。使用它的网站可以将对齐到左侧，中间或甚至与右侧对齐，并在需要时对齐。

优势固定布局的：有了固定的设计布局，你必须控制在线路长度，流量和网络页面上的元素的位置。设计师有一个固定的工作空间，文本的线条长度为，图像的放置可以很容易地指定。

缺点固定布局的：固定设计布局趋向高屏幕分辨率上查看时留下大量的空空间设计的两侧。这使网页的大小变得模糊，并给出它在屏幕上浮动的印象。

流体布局流体设计布局使用百分比代替像素来定义它们的宽度，它们填充整个浏览器窗口。他们是也被称为固定或动态设计。

流体布局的优点：流体设计布局的主要优点之一是其可访问性功能。他们迎合更多的用户。这是因为，无论用户的屏幕分辨率或设备如何，固定的设计布局都可以更好地适应。它利用将整个浏览器窗口展开。这使得显示内容的区域最大化，并且可以在一个处看到更多信息。因此，窗口屏幕上没有空的空间。与固定布局相比，这是一个更好的选择，因为它会留下大量的空白空间。

来源

2012-02-20 09:37:34

我用一点js thikn，你可以找到流体和固定之间的平衡 – 2012-02-20 09:39:13

当然你做！但我总是希望从CSS分离样式，因为对于我来说，html是用于描述标记，用于样式的CSS和用于功能的js。但你是对的！ – 2012-02-20 09:40:19

非常真实，我在想也许你可以设置css，使它在没有js的情况下工作，但是如果启用了js，那么它会为窗口大小找到最佳布局。我认为有些网站使用这种技术，但纯粹的CSS解决方案总是最好的。 – 2012-02-20 09:43:56

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

一个很好的资源是Dan Cederholm的Bulletproof Web Design的第一章。

对于布局，使用百分比或em将使您的设计更灵活地更改字体大小/本地化等。本书中也会涉及这一点。

来源

2012-02-20 09:41:38 devdigital

I.E ...我们还没有成长吗？ *摇头*。尽管如此，感谢您的支持。 – Ravenshade 2012-02-20 10:43:34

@Ravenshade你不可能成为大公司的webdesigner，因为如果你仍然知道大量的人仍然使用IE，特别是公司。 – 2012-02-21 08:11:04

当然，我不是大公司的网页设计师......我看不到我曾经推测过的地方。也就是说，IE正在使用中。我不知道有一家公司使用IE了，我没有一个与之合作的组织使用IE作为默认浏览器。 – Ravenshade 2012-11-11 00:26:49

我是否应该在HTML中使用％或'px'

回答

相关问题