我想要 html 中的脚本来识别屏幕分辨率,然后取决于我想为应用程序链接相应的样式表。
例如,如果分辨率在 600x400 之间,那么我想应用 mobile.css,否则应用普通的 web.css。
可能吗?如果是,那么如何实现这一目标?
我没有使用 jquery...我有 GWT 应用程序,我想将此检查添加到 html 文件中。
我想要 html 中的脚本来识别屏幕分辨率,然后取决于我想为应用程序链接相应的样式表。
例如,如果分辨率在 600x400 之间,那么我想应用 mobile.css,否则应用普通的 web.css。
可能吗?如果是,那么如何实现这一目标?
我没有使用 jquery...我有 GWT 应用程序,我想将此检查添加到 html 文件中。
我会为此使用CSS 媒体查询。
这意味着您可以在一个样式表中包含所有规则,并共享通用规则。这也意味着当您更改内容时,您只有一个文件要更新。
以下是有关如何执行此操作的很好的指南
如果你需要为媒体查询截获的 CSS 编写一些 javascript 函数,你可以使用这个很酷的库:https ://github.com/WickyNilliams/enquire.js
有可能是这样的:
var style = document.createElement('style');
if ($(window).width() <= 600 && $(window).height() <= 400) {
style.src = 'mobile.css';
} else {
style.src = 'normalweb.css';
}
document.body.appendChild(style);