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

Safari 5でfirebugを使用する方法

Firefoxはアドオン等で拡張すればかなり使えます。でも重いんです。

no image

自分時間 オープン!!

私がBUZZCOMに入って携わった自社コンテンツ、『自分時間』がオープンしました! 動画で熱い想いを伝えるのをメインに、新商品・イベントを紹介する「NOTICE BOARD」、 自腹で購入したモノの紹 …

no image

Macで使えるOffice

MacでOfficeを使いたいんですが、社内にあるのはなぜか英語版。

no image

検索エンジンはどれを使いますか?

やはり「Google」と「Yahoo」の2強勝ちといったところでしょうか。 注目すべきは「goo」と「百度」の動きですね。 以前のSEO対策だと「Google」「Yahoo」「MSN」対策が 考えられ …

no image

セッション数、ページビューについて

多数の方が使われているアクセス解析ツール「GoogleAnalytics」。