我设计了一个网站。我想知道是否可以调整我网站中的页面大小以适应访问者的显示器分辨率。
例如,我正在使用分辨率为 1024x768 的计算机。如果我将分辨率更改为 800x600,我希望我的网站重新调整大小以适应 800x600 的屏幕分辨率。
我设计了一个网站。我想知道是否可以调整我网站中的页面大小以适应访问者的显示器分辨率。
例如,我正在使用分辨率为 1024x768 的计算机。如果我将分辨率更改为 800x600,我希望我的网站重新调整大小以适应 800x600 的屏幕分辨率。
您不需要分辨率,因为不是每个人都使用全屏浏览器;你想要的文件大小。有一些方法可以用纯 javascript 来实现,但最好的办法是使用像 jquery 这样的库,因为这有助于确保你的技术可以跨浏览器工作:
但是不要这样做,除非没有其他方法可以做你想做的事;首先尝试在 CSS 中使用百分比。用 js 设置大小很麻烦。
这是您搜索内容的一些关键词
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
这称为“动态”或“流动”宽度,而不是在页面上设置“固定”宽度。这通常使用 CSS 完成,而不是 PHP 或 JavaScript。在 Google 上对该主题进行一些研究(搜索“动态宽度网页”)。我找到了这篇文章。