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 に答える