サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
iPhone 16
site-studio.noratoki.com
レスポンシブ対応でスマホサイズではスマホ用の画面表示対応をして、タブレットサイズ以上はディスクトップ表示のまま画面にフィット(縮小固定表示)させたいときがあるかもしれません。 例えばデスクトップサイズを固定サイズ 1200pxでデザインしているがタブレットでも縮小して画面内にディスクトップ表示を納めたい。且つ、スマホサイズではスマホ用の表示にしたい場合です。 全てを縮小固定で表示するだけならhtmlのhead部分でviewportをデザインしたサイズに固定すればよいだけですがレスポンシブ対応でスマホ表示に対応するにはどうすればよいでしょうか。 方法はこれだけではないと思いますがhead部分でJavaScriptを使って条件分けしたviewportを設定してまえば比較的容易に実現可能なのかなと。 この例では画面横幅が768px未満のときは、画面サイズに合わせた表示。768px以上のときは画面
このページを最初にブックマークしてみませんか?
『site-studio.noratoki.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く