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

手帳を買おう。

以前の仕事をしてる時は必要ではありませんでした。 毎日が同じ繰り返しだった気がするので必要なかったかな。 今後企業の方とアポがあったり仕事の期限を書いたりと まとめるものが必要になりそうです。自分でア …

no image

伝わりづらいことが多いです。

対企業の方と会話する際に自分の意見・企業の方の意見は伝わりにくいものです。 この画像はパロディで作られたものですがガンダムがわかる方には妙にツボなのでは ないでしょうか。 いかに要点をついて仕事をする …

ブルーライト軽減アプリ「f.lux」を試す。

PCの画面を見続けていると目が疲れることはありませんか? 私の場合、1日仕事でパソコンを使うと約10時間ぐらい画面を見ているときがあります。その疲れを軽減するために「JINS PC」などでブルーライト …

no image

Macで使えるOffice

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

no image

ページ内リンクでおもしろいJavascript

おもしろいJavascriptを発見しました。