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
-,

関連記事

Contact form 7の都道府県(英語)の選択肢のコピペ素材

Contact form 7の都道府県の選択肢のテンプレートは探せばあるけど、英語版がなかったので、自分用メモ。 日本語版 参考:https://www.iscle.com/web-it/wp/con …

no image

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

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

no image

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

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

【css3】inputタグに事前に薄く文字を表示させる方法

お問い合わせフォーム等で入力欄に事前に文字が入っているのを見たことありますか? あれが入っていると相手としては何を入力すればよいのかわかりやすいので、是非導入したい! HTML5だと実は簡単に導入でき …

no image

手帳を買おう。

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