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

記事の下をご覧下さい。

前々からPageRankについて語っていましたが、ブログをうまく編集できていなかったので 先日カスタマイズしました。上の3つはFC2ブログ、ブログランキング、くつろぐのバナーです。 これをみなさんにク …

no image

仕事にも遊び心が大切です。

ウェブの制作でもどんな仕事でもその仕事に縛られていてはおもしろい事はできません。 わかっているんですができないんですよね。 でもこの交通誘導員の方は遊び心満載です(笑) たぶん本人もこの仕事を楽しんで …

no image

3Dのフォトギャラリー

たまたま見つけた3DのFlashの素材ですがこれをいじれば面白いものが出来るのではないか と考えてます。まだまだ考え中ですが1つ1つの画像をYouTubeの動画にしてテレビ局 みたいにしてみるとか。。 …

no image

Safari 5で1Password 2を使う方法

Safari 5にアップデートしてからツールバーの表示がありません。

no image

カウンターデビューしました!!

本日自分時間の取材で『江戸前 すし処 大』にお伺いしました。 実は今までカウンターでのお寿司は未経験の私。 お寿司をいただいて、、、すごく美味しかったです!! 今までのお寿司はなんだったんでしょうか? …