jquery - 変更可能な Div の高さと幅

Question

フルスクリーンにしたいのですがdiv、最小化すると、それ自体を表示するためにスクロールが必要にdivなり、ボディの概要は常に非表示になるため、必要なのは、このdivフルスクリーンを高解像度と低解像度で作成することですdivボディショーではない巻物(overflow-xとoverflow-y)

Answer 1

あなたが話しているのは、レスポンシブ Web デザインだけです。

以下の HTML 部門の場合:

<div id="container">
<!-- contents goes here -->
</div>

メディア クエリを使用すると、これを簡単に行うことができます。まず、以下の行を頭に追加します。

<meta name="viewport" content="width=device-width; initial-scale=1.0">

高解像度の場合は、次のコードを css に追加します。

@media screen and (max-width: 1280px) {
    #container {
        width: 1200px;
    }
}

次に、低解像度の場合、以下のコードを css に追加します。

@media screen and (max-width: 800px) {
    #container {
        width: 750px;
    }
}

レスポンシブ ウェブ デザインのガイドラインとチュートリアル

これがお役に立てば幸いです。

乾杯！！！