質問: 通常、1200pxで作ったサイトをどんなデバイスでも画面に合わせて表示したい場合、以下のように記述すると思います。 ``` ``` 一方、レスポンシブサイトの場合は以下のように記述すると思いますが、 ``` ``` PCサイズを1200pxで画面合わせて表示したい上、レスポンシブにも対応(SPサイズは500pxなど)したい場合、どのような記述をすることができるのでしょうか?
回答: kei344さんが回答しているように、PCブラウザは viewport の指定を無視します。 なので、 > > PCの場合は > > > > > こういうことはできません。(記述しても無視される) PCブラウザで閲覧している場合にはレスポンスしない通常の固定レイアウト、 タブレットやスマホ等の場合にはレスポンシブ、のように画面幅ではなくデバイスにより切り分けがしたいなら、 UA判定で適用CSSを切り分けるという手法が考えられます。 また、PCブラウザで閲覧している場合に、1200幅前提でデザインされた画面レイアウトのまま、 全体にズームで拡大・縮小するようにしたい場合も、UA判定をした上でJSで画面幅に合わせてズーム率を自動調整するような方法を検討する必要があるかと思います。