我在处理分辨率基础应用程序时遇到问题。
如果我有 1024 x 768 分辨率,我的应用程序应该是 100%(表格布局)。如果我的分辨率高于 1024 x 768,则应用程序应居中对齐(表格宽度为 80%)。
function MOSTRA() {
var SCR = screen.availWidth;
var BRW = window.outerWidth;
if (BRW < SCR) {
document.getElementById('sample').className = 'maintable';
} else {
document.getElementById('sample').className = 'maintable1';
}
}
window.onresize = MOSTRA;
window.onload = MOSTRA;
我已经使用了上面的代码,但这不起作用。
大家好,我已经检查过在需要的地方放置警报。现在我知道 window.outerWidth 中出现问题的地方似乎是因为当我在该区域发出警报时,我在 IE 中变得未定义。 Ie 似乎不支持外部宽度。我从下面的链接中获取了上面的代码。
http://jsfiddle.net/Guffa/q56WM/
请帮助我。
这是一个紧急问题
提前致谢
最佳答案
@media screen and (min-width: 1024px) and (min-width: 768px)
{
/* Center table! */
}
也可能:
<link rel="stylesheet" media="screen and (min-width: 1024px) and (min-width: 768px)" href="example.css" />
JS 变体(因为 OP 不想要 CSS 3):
if (window.screen.width >= 1024 && window.screen.width >= 768) {
document.head.innerHTML += '<link rel="stylesheet" href="centerTable.css" type="text/css" />'
}
关于javascript - 根据屏幕分辨率应用类名(css),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13711481/