css - ウィンドウブラウザ全体にdivを拡大する

Question

画面全体を拡大したいdivがあります。幅は100％ですが、ブラウザのサイズを変更したり、サイズを縮小したりすると、そのサイズの100％しか実行されません。1000ピクセルに変更しましたが、デスクトップでは伸びません。

基本的に私はグーグルがそのホームページの上部に持っているものに似たdivが欲しいです。ここで、ウィンドウが縮小されても、ウィンドウはまったく変化せず、デスクトップ/ラップトップのすべての解像度で100％拡大されます。

score 4 · Accepted Answer

min-width大きい画面ではを拡大するために使用する必要が<div>あり、小さい画面では1000pxを下回らないようにする必要があります。

div {
    min-width: 1000px;
    width: 100%;
}

score 2 · Accepted Answer

Googleには、ヘッダーで定義されている最小幅があります。

header {
    /* width: auto; possible to omit since it's the default value*/
    min-width: 1000px;
}

score 0 · Accepted Answer

0

これがGoogleのやり方です:)

最小幅: 980px; 位置: 絶対; 幅: 1663px;

于 2012-09-27T21:01:47.940 に答える

score 0 · Accepted Answer

次のようなことを試すことができます：

.thisStyle { min-width: 1000px; position:absolute; z-index: 9999; width:100%; height:20px; top: 0; left: 0; color: #ffffff;}

本体に div を追加します。

<div class="thisStyle">this is some content</div>

好みのスタイルにします (背景色など)。

4 に答える 4