【问题标题】:Which is better to use in CSS, percentage or pixels?在 CSS、百分比或像素中使用哪个更好?
【发布时间】:2011-11-01 11:09:20
【问题描述】:

我不是 CSS 专家,我想做出一个适合所有浏览器和分辨率的设计。我注意到一些网站使用百分比而不是像素进行设计(widthheightmarginpadding),我也在使用百分比进行所有设计。这种方法有问题吗?

请给我建议。

【问题讨论】:

  • 取决于设计。如果它支持拉伸并且在 1920px 和 1024px 宽屏幕上看起来同样出色,那为什么不呢?

标签: css resolution


【解决方案1】:

使用这种方法不会有任何问题,百分比和像素都可以根据您的需要正常工作。如果您需要一个流动的网站,那么百分比可能是您的最佳选择。以及字体的 ems,因此用户可以根据需要修改其显示。

几个专家对此的意见:

https://kyleschaeffer.com/css-font-size-em-vs-px-vs-pt-vs-percent

http://webdesign.about.com/cs/typemeasurements/a/aa042803a.htm

还有一个有趣的转折点:百分比 + 像素:

http://www.cssplay.co.uk/boxes/outside.html

【讨论】:

    【解决方案2】:

    我想你应该看看这个:

    http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/

    这取决于您的需要,我倾向于使用 em 而不是像素或百分比。我还注意到 IE 并没有很好地“吃掉”百分比,但 ems 工作得很好。

    【讨论】:

      【解决方案3】:

      要让网站根据分辨率或浏览器窗口的大小进行缩放,百分比将是您的最佳选择。您可能会遇到的唯一问题是,如果分辨率非常低或浏览器窗口很小,则内容可能难以阅读,在这种情况下,内容可能会混乱并难以阅读。使用百分比而不是像素将使网站具有流动性,并将根据窗口的分辨率和比例进行调整。

      【讨论】:

        猜你喜欢
        • 2017-12-04
        • 1970-01-01
        • 2017-07-14
        • 1970-01-01
        • 2011-07-31
        • 2016-11-20
        • 2014-03-05
        • 2018-10-28
        • 1970-01-01
        相关资源
        最近更新 更多