重新调整网页大小以适合访问者监控分辨率

Question

我设计了一个网站。 我想知道是否可以在我的网站中重新调整页面大小以适应访问者的显示器分辨率。

例如，我正在使用分辨率为1024x768的计算机。 如果我将分辨率更改为800x600，我希望我的网站重新调整大小以适应800x600的屏幕分辨率。

Answer 1

是的，它被称为responsive design。具体来看media queries。

Answer 2

这被称为＆＃34;动态＆＃34;或＆＃34;流体＆＃34;宽度，而不是设置＆＃34;固定＆＃34;页面上的宽度。这通常使用CSS完成，而不是PHP或JavaScript。在Google上对该主题进行一些研究（搜索＆＃34;动态宽度网页＆＃34;）。我找到了this article。

Answer 3

你不想要分辨率，因为不是每个人都使用他们的浏览器全屏;你想要文件大小。有一些方法可以在普通的javascript中获得，但最好的办法是使用像jquery这样的库，因为这有助于确保您的技术跨浏览器工作：

http://api.jquery.com/width/

但除非没有其他办法可以做你想做的事，否则不要这样做;首先尝试在CSS中使用百分比。用js设置大小很麻烦。

Answer 4

这是您搜索的关键词

css网格系统响应/适应性网络

一些链接

http://net.tutsplus.com/tutorials/design-tutorials/quick-tip-different-layouts-for-different-widths/

http://speakerdeck.com/u/nathansmith/p/960-grid-system

http://www.emblematiq.com/lab/my-adaptive-grid/

http://webdesignledger.com/resources/responsive-web-design-templates-and-frameworks

generator