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担当者として月額サポートします。

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

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


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






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

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


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


どうぞWeb365の個別講座をご覧ください。

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

執筆者:

関連記事

自分のWEBサイトを自分自身で作りたい人のオーダーメイド個別講座、開講。

この記事でわかること­カリキュラムWebについての悩み事例講座レベル料金とシステム­ポイントこんなことが出来るようになります受講例講座受講の流れ受講・回答事例 ­カリキュラム オーダーメイド講座は、 …

WordPressの企業サイト事例

WordPressの企業サイト事例とテーマ選【徹底解説】

  【5分で読めます】 WordPressで企業サイト構築の検討に役立つ記事です。 WordPressで企業サイトを構築するメリット・デメリットやWordPressの企業サイトに向いてるか判断する7つ …

WordPressで「更新を失敗しました」と出たときの対応方法

WordPressの編集時に更新を押すと、「更新を失敗しました」と出たときの対応方法について解説します。 対応方法は検索すると色々出てきますが、主要な原因では、 WordPress新エディタ「Gute …

webサイトの問合せを増やすためのサイト運用方法の解説

【資料配布】Webサイトの問合せを増やすための運用・改善方法の解説

【5分で読めます】 自身のビジネス用のWebサイトを作る上での最終的な目標は、2つ、 問い合わせを増や 購入を増やす がゴールではないでしょうか。 最終的なゴールの数字を増やす上でサイトを、下記の2つ …

【コピペ】見積もり計算フォームを作成しましたので活用ください

ビジネスサイトで商材の見積もり計算機能がほしいと感じることはありませんか? クライアント事例で、Word Pressで、「見積計算機能」を作成しました。各項目と個数入力などで小計と合計を計算する仕様で …

【提案事例】実店舗ローカルビジネスのWebサイトとSNSの設計一案

【5分で読めます】 実店舗オープン準備中の方より、Web作成の予算があまりかけられない、できれば無料ツール活用、日々の更新はSNS、中期的にはECを自サイトで展開したいというご相談。 実店舗だとこの要 …

WordPressサイトの各バージョンアップをする前に知っておくべきこと

【解説】WordPressサイトの各バージョンアップをする前に知っておくべきこと

WordPressサイトの各バージョンアップをする前にすべきことを知っていますか? 今回は、バージョンアップについての全体像と、手順、バージョンアップ前にすべきことをお伝えします。 バックアップには3 …