ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマでIpad(タブレット)画面横幅表示を調整する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.タブレットでの閲覧時、画面の両端の余白が少ない

iPad(タブレット)でアクセスした場合のみ、文字や画像が画面端ピッタリから表示され、ページ左右の空きが全くない状態です。
タブレットをタテ、ヨコで表示を変えても同じように画面両端に空きはなく、画面ギリギリから文字や画像が配置されています。
変更方法を教えて下さい。

A.画面全体を縮小表示することで解決することがあります

タブレット端末は、機種ごとに表示が大きく異なるため、弊社商品ではPCと同じ表示をする仕様としておりますが、端末の画面サイズによってはコンテンツ部分が画面よりも大きく、画面外にはみ出してしまう場合がございます。

下記のファイルをご編集頂くことで、縮小比率を変更できます。

画面全体を縮小表示する

編集するファイル:header.php
編集する箇所:

<meta name="viewport" content="width=device-width,initial-scale=1.0" />

   ↓

<meta name="viewport" content="width=device-width,initial-scale=0.7" />

「0.7」の部分が倍率ですので、任意の数値(1.0が等倍となります)にご変更ください。
なお、iPad等のタブレット端末のブラウザではキャッシュが残りやすい傾向があるようですので、
ご確認の際は逐一キャッシュを削除してご確認ください。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事