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

Premiere と After Effect

私は普段動画制作でPremiere PRO CS3を使用しているので、After Effectは触った程度ですが PremiereとAfter Effectの違いを自分なりにまとめてみました。 Aft …

no image

楽天サイトをオープンしました!

本日27日よりBUZZCOM運営の楽天サイトがオープンしました!

imgres

【css】Twitterのウィジェットの幅と高さを調整する

Twitterのウィジェットの幅と高さを調整する方法です。 公式の形だと高さは300px以上・幅は250px以上となっていてそれ以上の設定ができません。 これは公式の形をcssで調整して各サイトで使用 …

no image

PageRank調査報告 〜其の壱〜

先日より進めているPageRankの調査。 記事のフッターにもソーシャルブックマークを加えたので投稿してみよう!と思い newsingに投稿してみました。投稿にはまず新規登録しないといけないですが、 …

no image

オンラインストレージを使って気づいた事

データのバックアップ用に色々なオンラインストレージを使用してみました。