0

ページに画像を含む div があります。高さが 800px で、ページの下部から 400px の位置にあるため、小さいモニターで表示すると、画像が上部から切り取られます。Web サイトでスクロールバーを使用していません。

コンテンツをズームアウト/スケーリングするCSSをdivに追加しました...

.hello {
width:100%; 
height:800px;
position:fixed; 
top:0;
bottom-margin:400px; 
z-index:0;
-moz-transform: scale(.8);
-webkit-transform: scale(.8);
zoom : .8;
-moz-transform-origin:top center;
-webkit-transform-origin:top center;
}

しかし、ユーザーのモニターのサイズが高さ 1200 ピクセル以下の場合にのみズーム/スケールを適用する、実装できるスクリプトはありますか?

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

4

1 に答える 1

0

あなたが探しているのは、画面の解像度です。ここを参照してください。関連ビット:

height
    Returns the height of the screen in pixels.
width
    Returns the width of the screen.

ただし、これではウィンドウの大きさがわからないため、ウィンドウの寸法が必要になります。ここを参照してください。関連ビット:

window.innerHeight
    Gets the height of the content area of the browser window including, if rendered, the horizontal scrollbar.
window.innerWidth
    Gets the width of the content area of the browser window including, if rendered, the vertical scrollbar.

私はこれを検出し、クラスなどを適切に変更します。

于 2013-03-20T02:29:35.640 に答える