viewportで躓いたので備忘録
レスポンシブ化はしていないが、スマホ画面でそのままPCの表示を行いたかったのでviewportを指定することに。
<meta name=”viewport” content=”width=device-width, initial-scale=0.5″ />
とか
<meta name=”viewport” content=”width=〇〇” />
の一般的なビューポートを指定していたのにスマホで見たときにコンテンツから異様にはみだしてしまった。
全然原因が分からなかったが、適当に下記を入れたら解決。
1 |
target-densitydpi=medium-dpi |
探しても、古い記事しかヒットしなかったので、そもそもコーディングに問題があったかもしれない。とりあえず備忘録