我可以在网站的整个宽度上使用百分比吗？

Question

人们使用的显示器类型很多，因此很难指望用户使用哪种分辨率来查看您的网站。为了避免这个问题，我在考虑使用百分比而不是像素，em和pt来定义Web布局。但是，这是一个很好的做法吗？包括使用百分比，例如主包装的80％？

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

Answer 1

Css媒体查询是此http://css-tricks.com/css-media-queries/

此检查的最佳解决方案

Answer 2

流体和固定布局之间存在明显的争论，但流畅的布局也能很好地发挥作用。

示例是smashing magazine（尝试在加载网站时调整窗口大小）。

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

Answer 3

我对外部容器中的每个宽度使用百分比，但对容器本身使用min-width：和max-width：因此它会缩小一小部分。说最小宽度为960px，最大宽度为1160px。这样它可以更好地工作更大的屏幕尺寸，如果我想，我可以返回并使其响应，因为它已经是百分比。