调整网页大小以适应访问者的显示器分辨率
Re-size web pages to suits visitors monitor resolution
我设计了一个网站。我想知道是否可以使我的网站中的页面重新调整大小以适应访问者的显示器分辨率。
例如,我正在使用分辨率为 1024x768 的计算机。如果我将分辨率更改为 800x600,我希望我的网站重新调整大小以适应 800x600 的屏幕分辨率。
是的,它被称为响应式设计。具体来看媒体查询。
称为"动态"或"流体"宽度,而不是在页面上设置"固定"宽度。这通常是用CSS完成的,而不是PHP或JavaScript。在谷歌上做一些关于这个主题的研究(搜索"动态宽度网页")。我找到了这篇文章。
您不想要分辨率,因为不是每个人都使用浏览器全屏显示;您想要文档大小。 有一些方法可以在普通的javascript中做到这一点,但最好的选择是使用像jquery这样的库,因为这有助于确保你的技术跨浏览器工作:
http://api.jquery.com/width/
但是不要这样做,除非没有其他方法可以做你想做的事情;首先尝试在你的CSS中使用百分比。 使用 js 设置大小很混乱。
您搜索的内容的一些关键字
CSS 网格系统响应式/自适应 Web
一些链接
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
发电机
- 同步调用,直到用户通过angular验证为访问者
- 有没有可能确定我博客的访问者的性别
- Rubaxa可与聚合物进行排序/拖放不起作用,具体取决于显示器:
- 使用php脚本验证访问者的年龄,并在不刷新的情况下根据结果加载iframe
- 制作一个没有显示器的画廊
- 访问者:setter不起作用
- 我可以用JavaScript判断访问者是否'的语言环境遵循美国风格或世界其他地区's风格
- 我的表单未将访问者引导至正确的页面
- 获取网站访问者的区域设置(语言)
- 如何将 UTC 日期时间(字符串)转换为访问者时区
- Piwik:如何跨域(PHP/JS)跟踪访问者(用户ID)
- three.js javascript/raycasting代码与retina显示器Mac不兼容
- 在两次java定时器循环后重定向访问者
- 将我的IE访问者重定向到其他页面
- 如何允许我的访问者通过拖放来排列列表项目
- 拖放后将访问者发送到新页面
- 需要javascript来重写访问者名称
- 自动打开另一台显示器上的浏览器窗口
- Javascript来查找有关访问者的信息
- 调整网页大小以适应访问者的显示器分辨率