WordPressでホームページを作るには

Androidで確認するとサイトの右にできる余白を消す方法

投稿日:2019年12月9日 更新日:

iPhoneでは普通のサイトもAndroidで確認するとサイトの右に余白ができることがあります。今回はその解消方法です。

調べると3つほど解決法があります。

  1. min-widthを指定してみる
  2. viewportを確認する
  3. 全体をwrapしてoverflow: hidden;

1と2は他のサイトでご紹介されてましたが、今回ケースではうまくいかなかったので、割愛します。

3の全体をwrapしてoverflow: hidden;

をご紹介します。

全体をwrapしてoverflow: hidden;

まずはhtmlにを下記のようにbody直下、/bodyの直上で<div class=”wrap”>などで、全体を筒で行きます。

<body>
<div class="wrap">
<header></header>
<div class="main">
<p>コンテンツが入ります</p>
<!-- /.main --></div>
<footer></footer>
<!-- /.wrap --></div>
</body>

次に、CSSで先程の<div class="wrap">に下記のようにoverflow: hidden;(内容がボックスに収まらない場合、収まらない部分は非表示となります。)指示します。

.wrap { overflow: hidden; }

これで、解決しました。

以上です。

どうぞご活用ください。






Web制作+Webマーケティングの個別講座開講中

Web365はWeb担当者のスキルセットである
サイトを変更する「提案力」と「技術力」について個別指導しております


・Webで集客するための「考え方」を知りたい方
・サイトの制作改善のセオリーを知りたい方
・自身のサイトでケーススタディをしたい方
・サイトの制作改善の「技術的なスキル」を習得したい方
・分析から改善運用まで自身でしたい方


どうぞWeb365の「自社のWebサイトを自身で作りたい、改善したい人のオーダーメイド個別講座」をご覧ください。






外注のWeb担当者として「制作」と「マーケティング」で単発/継続でサポートします。

Web365は貴社のWeb担当者として、制作改善運用をワンストップサポートしています

・成果にこだわるサイト制作改善をお望みの方
・良いweb制作会社、コンサル会社がいないとお困りの方
・分析から改善運用まで一括で依頼したい方


是非Web365までご相談ください。

WordPressでホームページを作るには

執筆者:

関連記事

【解説】EC機能内製化の検討例と7.27%のコストカット試算事例

クライアント事例として、自サイトでEC機能(eコマース、つまりオンラインショップ)内製したいときのリニューアル検討についての調査と意思決定についての流れを解説します。 Web365とは Web365は …

【完全網羅】WordPressの費用は?ホームページ作成運用の料金相場まとめ

【5分で読めます】 企業でコーポレートサイトとしてWordPressを採用する際、費用はいくらかかるのか?相場やサービス別など網羅的にまとめました。 この記事読了後は、 WordPressでの費用感が …

【コピペ】WordPress、Contact Form7のカスタマイズ、チェック項目に合わせて次の項目を表示させる方法

【コピペ】WordPress、Contact Form7のカスタマイズ、作成する方法

コピペでできる、【コピペ】WordPress、Contact Form7のカスタマイズ、チェック項目に合わせて次の項目を表示させる方法の解説です。 なぜ必要か? 問い合わせ項目のより具体的な取得をした …

【コピペ】WordPress、FacebookのOGPをプラグインなしで作成する方法

【コピペ】WordPress、FacebookのOGPをプラグインなしで作成する方法

【コピペでできる、WordPressでの、FacebookのOGPをプラグインなしで作成する方法の解説です。 なぜ必要か? Facebookでリンクを貼ると、OGPというサムネイル、タイトル、概要など …

【完全網羅】Word Pressの保守運用・セキュリティ59の対策一覧

Word Pressのセキュリティ対策の一覧と情報収集ソースを59ほどリストアップしました。自身のサイトのセキュリティ対策にご活用ください。   Web365とは Web365は、外部Web担当者とし …

【チュートリアル】WordPressで記事の途中からパスワード保護出来るプラグインを使った有料販売の方法

WordPressで記事の途中からパスワード保護出来るプラグインを使った有料販売の方法を解説します。 プラグイン1つと簡易なECショップので対応します。 ・記事の途中からパスワード保護出来るプラグイン …

お問合せを増やしたいフォームの制作の方法と考え方

【コピペ】お問合せを増やしたいフォームの制作の方法と考え方_前年比200%増の成果事例

お問合せを増やしたいときには、お問い合わせフォームの制作や改善が優先度の高い施策になります。ビジネスに活用するサイトでは集客から逆算したサイト作り意識しましょう。 今回はお問合せを増やすためのフォーム …