0

我想要 html 中的脚本来识别屏幕分辨率,然后取决于我想为应用程序链接相应的样式表。

例如,如果分辨率在 600x400 之间,那么我想应用 mobile.css,否则应用普通的 web.css。

可能吗?如果是,那么如何实现这一目标?

我没有使用 jquery...我有 GWT 应用程序,我想将此检查添加到 html 文件中。

4

5 回答 5

4

现在将此行添加到您的

头标

像这样

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> // add this line in your head
</head>

更多信息

用于 CSS 媒体查询

@media only screen and (max-width: 600px) {

// here your stylesheet 
    }

更多信息点击这里

于 2013-04-23T10:11:04.980 回答
2

我会为此使用CSS 媒体查询

这意味着您可以在一个样式表中包含所有规则,并共享通用规则。这也意味着当您更改内容时,您只有一个文件要更新。

于 2013-04-23T10:11:07.377 回答
1

以下是有关如何执行此操作的很好的指南

http://css-tricks.com/resolution-specific-stylesheets/

于 2013-04-23T10:07:06.933 回答
0

如果你需要为媒体查询截获的 CSS 编写一些 javascript 函数,你可以使用这个很酷的库:https ://github.com/WickyNilliams/enquire.js

于 2013-04-23T10:28:02.870 回答
0

有可能是这样的:

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);
于 2013-04-23T10:14:58.737 回答