WordPressテーマTCDのカスタマイズを研究するサイト

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

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等のタブレット端末のブラウザではキャッシュが残りやすい傾向があるようですので、
ご確認の際は逐一キャッシュを削除してご確認ください。

The following two tabs change content below.

tcd

TCD LABO | WordPressテーマTCDのカスタマイズを研究するサイト

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。