微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jquery – 如何在开发网站时处理不同的屏幕分辨率/屏幕尺寸?

我想使用jQuery开发一个可以与所有主流浏览器一起使用的网站.我想从一个基本的布局开始(一个标题,一些包含内容标签和页脚).我想知道如何创建此布局以支持不同的屏幕分辨率,屏幕大小或窗口大小.在定义组件的宽度和高度时,我应该以像素/点/百分比工作吗?是否有任何jQuery插件可以帮助我完成这项任务?谢谢 !

解决方法

这个问题有很多解决方案,但它们主要取决于您希望通过网站分享内容类型(即嵌入的视频或可能具有有限大小的图像)以及您想要的外观和感觉.

对于在多种浏览器中以及各种窗口大小都能正常工作的Web布局,您应该查看“Liquid Layouts”.以下是有关这些布局的教程的一些链接.

> Liquid layouts the easy way | Max Design
> Liquid CSS Layouts – Design Alternative to Table Based Websites
> Fixed Width Layouts Versus Liquid Layouts

您还可以使用Javascript(包括jQuery)根据窗口分辨率调整样式/内容(例如,从多列布局更改为较小屏幕的单列布局,例如移动电话).这称为“自适应内容”.

> Adaptive CSS-Layouts: New Era In Fluid Layouts?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐