HTMLでスマホ表示時に、全ての要素が画面幅に合わせて縮小表示をしたいです。

Question

例えばメディアクエリで700px以下をスマホ表示とする場合、700px以下の場合は画面幅に合わせて全ての要素を縮小表示することは可能でしょうか。
画像、font、margin、paddingなど全てが縮小されるので、縦横比は同じでテキストの折り返しは変わりません。
vwなどcssで１つずつ指定する以外の方法で上記を対応する方法はありますでしょうか。

Answer 1

モバイルであれば、viewport を適切に設定すれば、比較的近いことができるのではないかと思います。
Viewportまとめ - Qiita

viewport | <meta>: 文書レベルメタデータ要素 - HTML: HyperText Markup Language | MDN

Comments

[testwp]

ご回答ありがとうございますm(_ _)m