0

我在处理基于分辨率的应用程序时遇到问题。

如果我有 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/

请帮帮我。

这是一个紧迫的问题

提前致谢

4

2 回答 2

2

使用CSS3 媒体查询

@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" />'
}
于 2012-12-04T20:42:16.137 回答
0

实用地包括基于显示宽度、媒体类型的样式表:http: //www.w3.org/TR/css3-mediaqueries/

于 2012-12-04T20:42:34.200 回答