重新调整网页大小以适应访问者显示器的分辨率答案

【问题标题】：Re-size web pages to suits visitors monitor resolution重新调整网页大小以适应访问者显示器的分辨率
【发布时间】：2012-05-15 23:03:27
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

是的，它叫做responsive design。具体看media queries。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

您不需要分辨率，因为不是每个人都使用全屏浏览器；你想要的文件大小。有很多方法可以用纯 javascript 实现，但最好的办法是使用 jquery 之类的库，因为这有助于确保您的技术跨浏览器工作：

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

【讨论】：

【解决方案4】：

这是您搜索的关键词

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

一些链接

【讨论】：