iPad - 根据屏幕分辨率使用不同的js文件

时间:2011-03-13 09:34:20

标签: jquery

我正在为我的一个朋友在网站上工作...... 我正在使用css的媒体查询,目标显示器,iPad和其他平板电脑...... 对于交互性,我正在使用jquery 1.5 ...

大问题是: - 我如何让jQuery调用多个js文件,具体取决于查看者使用的分辨率?

如果有人可以帮助我,那对我来说意味着世界......

最诚挚的问候/ Myung Ki

2 个答案:

答案 0 :(得分:0)

我的建议是使用一个的js文件集,但在程序的早期处理屏幕大小。你最想做的是为每个屏幕大小设置不同的css文件;每个人都有一个js文件,结果很难管理。

您可以使用jQuery获取窗口大小,并将相关类添加到bodyhtml标记中。例如,对于大屏幕>跨越1024px,您可以将extraWide添加到body。然后,您可以使用body.extraWide等特定的CSS选择性地格式化宽屏幕。

此外,在移动设备中,捕获onorientationchange事件以根据新方向重新格式化布局。您可以将portraitlandscape添加到body的类,以便针对不同的方向使用不同的css规则。

答案 1 :(得分:0)