Javascript 如何应用特定的样式表取决于屏幕分辨率？
我需要html中的脚本，它将标识屏幕分辨率，然后取决于我想要链接应用程序各自的样式表 e、 g.如果分辨率在600x400之间，则我希望应用mobile.css或normal web.css 可能吗？如果是，那么如何实现这一点Javascript 如何应用特定的样式表取决于屏幕分辨率？,javascript,jquery,html,css,gwt,Javascript,Jquery,Html,Css,Gwt,我需要html中的脚本，它将标识屏幕分辨率，然后取决于我想要链接应用程序各自的样式表 e、 g.如果分辨率在600x400之间，则我希望应用mobile.css或normal web.css 可能吗？如果是，那么如何实现这一点 我没有使用jquery…我使用的是GWT应用程序，我想将此检查添加到html文件中。下面是一个很好的指南 现在将这一行添加到 头部标签 像这样 <head> <meta name="viewport" content="width=device-widt
我没有使用jquery…我使用的是GWT应用程序，我想将此检查添加到html文件中。下面是一个很好的指南
现在将这一行添加到 头部标签 像这样
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> // add this line in your head
</head>
这也意味着当您更改内容时，只有一个文件需要更新。可能是这样的：
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);
var style=document.createElement（'style'）；
如果（$（window）.width（）如果您需要为媒体查询截获的CSS编写一些javascript函数，您可以使用这个很酷的库：我删除了您的标记，因为这似乎与语言无关。可能要删除这些注释（或使它们成为html注释），如果复制和粘贴，它们将破坏页面。@Ambrosia现在检查此小提琴并调整屏幕大小，看看它对600px屏幕的效果，但其他的呢…？如果我的设备大于600…则必须动态决定…您可以使用许多规则，按照此答案中的链接操作，一切都会很简单！
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);