【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
コメントする
次項 【WordPress】XserverでテストURLから本番URLへ変更
前項 【Wordpress】All in One SEOで？タイトルが2回出てしまう
▲知識Ｚ（ゼータ）トップへ
】にて運営させていただいております。いつも大変ありがとうございます。
