シェアする

Simplicityテーマで右側に余白が出来る

  • ファビコン セガ「アストロシティミニ」で遊べる“幻のゲーム”「ドットリクン」とは NEW!
  • ファビコン AIで「類似アイテム検索」、コーデ画像から欲しいアイテム発見 ZOZO「WEAR」に実装 NEW!
  • ファビコン 日本郵便かたるフィッシングメールに注意 件名は「あなたのパッケージ配達」 NEW!
  • ファビコン アマゾンプライムデー、10月13~14日に開催 中小販売店からの購入で1000円分のクーポン配布も NEW!
  • ファビコン 「半沢直樹」最終回で最も盛り上がったシーンは? Twitterが毎分のツイート数を公開 NEW!
  • ファビコン 「着るこたつ」、サンコーが発売 下半身すっぽり、そのまま歩ける NEW!
  • ファビコン ロボットが料理を運搬、食器片付けや巡回も ソフトバンクらが提供 NEW!
  • ファビコン TikTokアプリダウンロード禁止のトランプ大統領令に米判事が一時的差し止め命令 NEW!
  • ファビコン ワークアウト初心者に「Apple Watch SE」を勧める理由 NEW!
  • ファビコン キオクシア上場延期 トランプ政権のHuawei禁輸措置で打撃 NEW!

記事を読む

20170702031813

wordpressテーマのSimplicityでスマホで表示した時に右側に余白が出来てしまう時の対処方

タイトル通りなのですがこの問題メチャハマりましたwww

最初気づかなかったのですが

新しくエックスドメインでサイトを作った時に個別記事を表示したら

んんんんん

なんか右側に余白が出来てるではないか!?

同じSimplicityのスタイルシートを使ってエックサーバーでは余白が出来ない!?

ここで思った事はエックスドメインだけが何らかのせいで余白が出来るのかなとも思ってみたものの

Simplicityでスキンを使って表示してみると余白が出来てないwww

あーだこうーだといじくってる内にエックスサーバーでも余白が出来てしまう。

この時に投稿した記事に何らかの原因がある物だっと思って内心ヨシヨシもしや解決策が分かるかもと喜んでいた。

でも違ったwww

投稿した記事をテキストでテストだけと修正して表示してみてもやはり余白が出来ている!?

ここまでで思った事は

サーバーは関係ない

スキンを使うと余白が出来ないけど子テーマを使うと余白が出来る

iphone6でも7でも同じ

もう頭もパンパン状態の上お手上げモードで2日経ちましたwww

少しぐらいもういいやと諦めはするものの頭から離れず

気にすればするほど気になるwww

そんな時検索してみたらなんと解決方法があるではないか!

早速試してみたら余白が出来なくなった

万歳

でもなんで余白が出来るかの原因は分かりません

早速そのコードをメモしておきます

#container {
    overflow: hidden;
}
テーマSimplicityでスマホで表示すると右側に余白が出来てしまうお話でした

参考にしたサイト様です

Simplicityのスマホ表示の際に出現した「謎の余白」。その対処方法に関して書いています。

追記:3月20日

参考までにどうぞ

出来る時の原因がハッキリわかりませんが例として書くと

今日たまたま  

functions.php

//コンテンツの幅の指定

if ( ! isset( $content_width ) ) $content_width = 680;

widthを変えたらおかしくなり

元に戻しても余白が直らなくなった

それで上のcssを

スタイルシートに入れる事で直った。

(モバイルcssには入れなかったけど治った)

※コンテンツの幅を変えたらwidthも変えないと

スマホで見た時にぐらつきがでるけど

widthの大きさを合わせる事でぐらつきが無くなった!

wordpressの今日の人気記事

まだデータがありません。

他カテゴリの今日の人気記事

まだデータがありません。

ブロガー用

ブログ管理者などによく売れてる本です
パソコンやスマホをお持ちの方に人気です
気になるニュース
NEW! イーサリアムに特化したソフトウエア開発・投資会社のコンセンシス(ConsenSys)は25日、香港とタイが進める中央銀行デジタル通貨プロジェクトの支援企業に選ば・・・
NEW! 中国国営テレビ局のCCTV(China Central Television:中国中央電視台)は25日、暗号資産の価格が今年高騰した事実を取り上げ、3分間のニュ・・・
NEW! 9月21日(月)から28日(日)までの暗号資産・ブロックチェーン関連ニュースをまとめた。 9月22日──ECB「ステーブルコインという名称は変更すべきだ」 欧州・・・
NEW! メルセデス・ベンツのダイムラー(Daimler)が、ブロックチェーンを活用したモビリティ・プラットフォーム「MoveX」を発表した。普段乗る車とは異なる車両でも・・・
NEW! 法定通貨などに連動するステーブルコインの供給額が200億ドル(約2兆1000億円)を超えた。5月に100億ドルを突破してからわずか4カ月で倍増した。 ステーブル・・・
「直近1年で投資資金が減った」人が4割弱──マイボイスコム調査 伊藤忠グループのリサーチ会社・マイボイスコムが実施したネット証券の利用調査で、インターネットでの・・・
        Twitterに潜む荒らしをたった50ツイ-トで見極める技術が開発中  09月26日21時00分  ネットサ-ビス・・・
キューバでインフルエンサーとして活動することは難しいが、YouTuberのエリック・ガルシア・クルス(Erich García Cruz)は大活躍しているようだ・・・
アメリカで起きている分断は、経済、人種、民主主義の健全性を求める争いなどのあらゆる場面にまで広がった。2020年のアメリカ大統領選挙は史上最も緊迫したものになる・・・
シンガポールに拠点を置く投資ファンドのスリー・アローズ・キャピタル(Three Arrows Capital)は24日午後、1度の発行量としては最大となるトーク・・・

コメント

  1. nobu より:

    こんばんは。私もiphone7で見たところ余白が生まれていて、こちらのサイトを参考にmobile.cssにコードを入れたのですが、余白が消えません。。他に手だてはありますでしょうか。

  2. 時代屋 より:

    mobile.cssじゃなくstyle.cssに書けば良いかと思いますよ。
    子テーマでもstyle.cssに書けば良いと思います。