zaKEY.net - WordPress・iPhoneなどのブログ -

コポキャラの岡崎邦彦(ザッキー)の情報サイト。WordPressやらEC CUBEやらiPhoneについての情報を書いていきます。

HTML・CSS Job

【html5】スマホでPC用サイトを見せる時に幅が足りない時の対処法

投稿日:

PC用サイトをスマホで表示させる際にうまく表示させることが出来ず幅が足りない場合があります。
この場合下記のコードがheadに入っていないか確認してみてください。

<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi" id="veiwport">
こちらは横幅を各デバイスに合わせるというコードですが、
こちらを記入していると幅が足りなくなる場合があります。
コードを削除すれば対処できますが、コードを変更することで対処もできます。
<meta name="viewport" content="width=1200" />
1200の部分はサイト幅で合わせてください。
これでPC幅を保った状態でスマホで表示できます。

zakey336x280

zakey336x280

-HTML・CSS, Job
-,

関連記事

no image

ジモトーク

本日ジモトークというラジオ番組がスタートしました。

no image

PageRank9のサイト

最近SEOやPageRankの事を考えることが多いので何かサイトを見たらチェックする良い癖が付きました。 で、本日作業をしてる時に間違ってFirefoxのツールバーにある音符のマークを押してしまったん …

no image

本を買いました(2本)

最近本を2冊ほど買いましたのでご報告します。 社内でも強化に努めていこうとしているSEO対策の本。 GoogleとYahooは依然として日本国内では検索エンジンで1位2位です。 いまやこれを外してのメ …

no image

Macのオススメブラウザ『Opera』

ロシアではシェアを40%以上の伸ばしているそうです。

no image

あなたには夢はありますか?

あなたには夢がありますか?目標とする人、目標とするものはありますか? 私には現在明確に挙げれる人はいません。学生の頃はサラリーマンになって 会社に行けば幸せに暮らせそうと思っていました。実際に卒業後2 …