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

◎只今、携帯からの閲覧実験中◎

最近日記の更新が増えて閲覧数も増えてます。また多いのがmixiからのユーザーの方。 なんと約3割強です!!mixiの方々、ありがとう!!でもたびたびみなさんから聞く声は、 「mixiの日記が携帯やと見 …

no image

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

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

Sublime Textのautofilenameのwidthとheightが入らない。

Sublime Textのautofilenameのwidthとheightが入らない。

軽くて拡張しやすいので愛用しているSublime Textですが、先日からなぜかautofilenameのwidthとheightが入らない。 Sublime Textを使っている一番の理由がauto …

iPhone6・iPhone6 PlusのCSSハック

iPhone5までは幅320pxで調整出来ましたが、iPhone6・iPhone6 Plusになって幅が大きくなったためそのためのCSSを入れないといけません。 参考より、こちらで対応できます。 /* …

no image

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

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