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

前端之家收集整理的这篇文章主要介绍了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?

原文链接:https://www.f2er.com/jquery/428400.html

猜你在找的jQuery相关文章