我想使用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)根据窗口分辨率调整样式/内容(例如,从多列布局更改为较小屏幕的单列布局,例如移动电话).这称为“自适应内容”.
