【html】レスポンシブでないPCサイトをスマホで等倍のデザインで表示させたい 知識Z(ゼータ)

トップページ> 【html】レスポンシブでないPCサイトをスマホで等倍のデザインで表示させたい

【html】レスポンシブでないPCサイトをスマホで等倍のデザインで表示させたい

Date:2014/06/11
Category: HTML


スマホやタブレットで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回出てしまう

知識Z(ゼータ)トップへ
モッピー | お金がたまるポイントサイト
About Us

知識Z(ゼータ)は違法性のあるコンテンツ、不適切な表現の含まれるコンテンツを一切を排除した安心安全な総合優良コンテンツサイトを目指しています。細心の注意を払っておりますが、万が一、不適切なコンテンツ等がございましたら、ご一報ください。ご意見・ご連絡

当サイトは、月額1,050円で高機能・安心レンタルサーバーの【XSERVER(エックスサーバー) 】にて運営させていただいております。いつも大変ありがとうございます。

Calendar
<   2014-06   >
1234567
891011121314
15161718192021
22232425262728
2930     

Amazon.co.jp
What's New
タグ
オンラインデータ
訪問者数:5 人
投稿記事数:283 件
08211852