【html】レスポンシブでないPCサイトをスマホで等倍のデザインで表示させたい
スマホやタブレットでPCサイトへアクセスすると、端末によってデフォルト値の横幅で表示されてしまうため、見た目がズレたり、width:100%にしていたところが短くなってしまいます。
そこで、例えば1000pxでデザインしたサイトをスマホでもそのままのデザインで見せたい場合は、head内に
<meta name="viewport" content="width=1000">
を入れます。ちなみに、デザインもしっかり表示させつつ、縮小表示したくない場合は
<meta name="viewport" content="width=1000,initial-scale=1">
でOK。
【html】 レスポンシブでないPCサイトをスマホで等倍のデザインで表示させたい の関連記事
コメント
No comments yet
コメントする
次項 【レスポンシブデザイン】右に余白ができてしまう！？
前項 【IE8】widthとheightが効かない
▲知識Ｚ（ゼータ）トップへ
】にて運営させていただいております。いつも大変ありがとうございます。
