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

ニュースサイトオープン。

BUZZCOM運営のZIBUN-NEWSというサイトをオープンしました。このZIBUN-NEWSというサイトは以前は自分時間のコンテンツの1つであったZIBUN-NEWSを独立させたサイトです。独立さ …

no image

Premiereを触っていて思うこと。

自分時間の動画を作成する際に、Premiere cs3で作成します。 動画を切ったり貼ったりエフェクトをかけたりして作成するんですが、 いつも触っていて思うことがあります。それは、 「人の感覚が遅いこ …

no image

Firefox 落ちやすくなってません??

Firefox3.0がリリースされて間もない本日ですが、私はまだ使用していません。 なにやらアドオンが使えないものがあったりするらしいですね。。。それは困る。 Firebugが使えなくなったら今の仕事 …

no image

Mac OS X内のディスクを視覚的に見る

ファイルを保存しているといつの間にか空き容量が少なくなっていることがあります。

no image

ZIBUN-NEWSが好評です!

9月25日からスタートした自分時間のZIBUN-NEWS。 「今注目のニュースを自分時間編集部独自の視点でお届けする」というのが コンセプトですが、始めて以来かなりの方にご覧いただいてるみたいです! …