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

関連記事

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

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

no image

自分時間 FEATURE 第9回公開中!

今回のFEATUREは一味違います。 なんと言っても私が出演しているのですから。 と言っても、ナレーターとしてですが。 このナレーターというのは本当に難しいです。 社内で夜一人になったのでナレーション …

ChatWork(チャットワーク)を単体のアプリケーションにする方法

ChatWork(チャットワーク)を単体のアプリケーションにする方法

ChatWorkは複数人でタスク管理やメッセージ管理ができるサービスです。 これを導入してメールの送信数が格段に少なくなりました。 ChatWork – Simplify Business …

no image

Googleの検索一覧がカスタマイズ?

今日Googleの検索画面を見てちょっとゾッとしました。

no image

講座をやってきました。

期間としては2日間で約6時間、講座名は「動画作成講座」。