javascript - 画面サイズに応じたビューポート値

Question

これが可能かどうかはわかりません。この機能しないWebサイトを確認してください。

http://imageworkz.asia/sixsensestester/

大きな画面で見ると、コンテナが画面の中央に浮かんでいるように見えますが、小さな画面で見ると、たとえば1366x768のモニターでは、ズームしてサイトがズームしているように見えます。画面の解像度が重要であることは知っているので、画面のサイズに応じてWebサイトのズームを調整することは可能ですか。

Answer 1

あなたが探しているのはMedia Queriesと呼ばれるものです。CSS を使用してビューポート サイズを検出し、それに応じてスタイル ルールを設定します。それらについてのチュートリアルがたくさんあるので、それらを学ぶのは簡単です。