人们使用的显示类型有很多种,因此很难预期您的用户会使用什么分辨率来查看您的网站。为了避免这个问题,我正在考虑使用百分比而不是像素、em 和 pt 来定义 Web 布局。但是,这是一个很好的做法吗?包括使用百分比,例如 80% 用于主包装?
我知道在确定内部元素的宽度时很难做到。我必须根据每个 div 的父级计算百分比。当涉及到不同浏览器的分辨率时,你们如何处理这个问题?
Css 媒体查询是此检查的最佳解决方案http://css-tricks.com/css-media-queries/
我对外部容器内的每个宽度都使用百分比,但容器本身具有 min-width: 和 max-width: ,因此它的缩放比例很小。说最小宽度为 960 像素,最大宽度为 1160 像素。这样,它可以更好地工作更大的屏幕尺寸,如果我愿意,我可以返回并使其响应,因为它已经全部以百分比表示。
流体布局和固定布局之间显然存在争议,但流体布局也可以很好地工作。
一个例子是粉碎杂志(尝试在加载网站的情况下调整窗口大小)。
我相信如果您使用某种框架会容易得多。如果你之前使用过任何网格 CSS 框架,你可以看看Liquid Blueprint。这允许您以基于网格的方式工作,但可以根据浏览器的大小流畅地调整页面大小。