質問: ### 前提・実現したいこと Webページのウィンドウのサイズを指定してそれ以上小さいウィンドウで 表示される時はスクロールバーではなく全体を縮小させて表示させるには どうしたらよいのでしょうか。 レスポンシブの最小サイズを幅378pxにした場合 それ以下の幅320pxのデバイスで表示させると 幅378pxのデザインが全体的に縮小されて表示される また、 PCなどウィンドウサイズを小さくできるデバイスでは 378以上ウィンドウが小さくできないといったイメージです。 ### 試したこと ``` body{min-width:375px;} ``` この表記ではうまくいきませんでした・・・。
回答: 「378以上ウィンドウが小さくできない」の例に出されているサイトもFirefoxで見た場合それ以下に出来ます。 また、JavaScriptでのウィンドウサイズの変更は制限があります。 【window.resizeBy - Web API インターフェイス | MDN】 下記例について、ウィンドウサイズは制限できませんが、描画エリアのサイズは数値どおりになっているはずです。(横スクロールが発生するはず) ``` body{ min-width:5555px; background-color: #fff; } ``` **動くサンプル:** > > レスポンシブの最小サイズを幅378pxにした場合 > > それ以下の幅320pxのデバイスで表示させると > > 幅378pxのデザインが全体的に縮小されて表示される > > > 378px以下になった際に viewport を下記のように書き換えればそのような挙動になると思います。(JavaScriptで書き換え可能です) ``` ``` 【もう逃げない。HTMLのviewportをちゃんと理解する - Qiita】