0

スクロール バーを表示せずにページを画面全体に表示する標準的な方法はありますか? 使っているモニターによって変わってくるので、標準化したいです。screen.height私の唯一のアイデアは、すべての要素をパーセンテージでスタイルすることでしたが、何かのようなプロパティがあることを望んでいました.

助けてくれてありがとう。

4

3 に答える 3

1

いろいろな方法があります...私の個人的なお気に入りは、次の CSS を使用してすべてを内部に配置する巨大なラッパーです。

#WrapAll {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow:hidden;
}

これは IE7 までさかのぼって有効であり (それより前だと思いますが、テストされていません)、標準ベースのブラウザーで同じようにレンダリングされることが保証されています。

スクロールする必要がある場合は、内部の項目のオーバーフロー値を設定できます。ウィンドウ全体をスクロールせずに、ウィンドウ内でスクロールします。

やりたくない場合position:absolute;(不快に感じる人もいます)、次の方法で同様のことを行うことができます。

#WrapAll {
    width:100%;
    height:100%;
    overflow:hidden;
}

これは短く見えるかもしれませんが、ブラウザーがマージンや境界線などをレンダリングする方法のため、保証も少なくなります。ただし、ほとんどのシナリオではどちらの方法でも機能します。

于 2013-02-27T20:17:48.453 に答える
0

私があなたならcssを使用しますが、jQueryではそれらの値を取得できます...

$(window).width();   // returns width of browser viewport
$(document).width(); // returns width of HTML document

幅に関するjQueryドキュメント

于 2013-02-27T20:19:10.770 に答える
0

これにはおそらくCSSが最適です。

<html>
<head>
<style>
html, body {
  height: 100%;
}
.fixedOverlay {
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow:hidden;
}

</head>
<body>
<div class="fixedOverlay">
 hello world
</div>
</body>
</html>
于 2013-02-27T20:27:55.553 に答える