【问题标题】:Can I use percentage for the entire width of my site?我可以在网站的整个宽度上使用百分比吗?
【发布时间】:2019-09-07 20:36:15
【问题描述】:

人们使用的显示类型有很多种,因此很难预料您的用户会使用什么分辨率来查看您的网站。为了避免这个问题,我正在考虑使用百分比而不是像素、em 和 pt 来定义 Web 布局。但是,这是一个很好的做法吗?包括使用百分比,例如 80% 用于主包装?

我知道在确定内部元素的宽度时很难做到。我必须根据每个 div 的父级计算百分比。当涉及到不同浏览器的分辨率时,你们如何处理这个问题?

【问题讨论】:

  • IMO,这比使用恒定大小更好。

标签: html css width


【解决方案1】:

Css 媒体查询是此检查的最佳解决方案http://css-tricks.com/css-media-queries/

【讨论】:

    【解决方案2】:

    在流动布局和固定布局之间显然存在争议,但流动布局也可以很好地工作。

    一个例子是smashing magazine(尝试在加载网站的情况下调整窗口大小)。

    我相信如果您使用某种框架会容易得多。如果您之前使用过任何网格 CSS 框架,可以查看Liquid Blueprint。这允许您以基于网格的方式工作,但可以根据浏览器的大小流畅地调整页面大小。

    【讨论】:

      【解决方案3】:

      我对外部容器中的每个宽度都使用百分比,但容器本身具有 min-width: 和 max-width: ,因此它的缩放比例很小。说最小宽度为 960 像素,最大宽度为 1160 像素。这样,它可以更好地工作更大的屏幕尺寸,如果我愿意,我可以返回并使其响应,因为它已经全部以百分比表示。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2014-04-07
        • 2014-07-20
        • 2017-01-11
        • 2013-11-01
        • 2016-01-17
        • 1970-01-01
        • 2021-09-01
        相关资源
        最近更新 更多