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

  • ファビコン 550円の「Raspberry Pi Pico」でIoT その2:Arduino IDEを動かす NEW!
  • ファビコン 開会式は「NHK+」のみ 偽サイトに注意 スマホやPCで東京五輪を見る方法 NEW!
  • ファビコン Arm、フレキシブルな32bitプロセッサ「PlasticArm」製造成功 NEW!
  • ファビコン 五輪チケットの購入者情報など10件流出 「組織委員会システムからの流出ではない」 NEW!
  • ファビコン スパコン「富岳」の五輪“感染”シミュが炎上したワケ NEW!
  • ファビコン 藤井風、9月に招待制の無料ライブ 生配信あり、セット/照明/物販/歓声なしで「アフターコロナのモデルケースに」 NEW!
  • ファビコン Twitter決算、売上高74%増 mDAUはついに2億人突破 NEW!
  • ファビコン 550円の「Raspberry Pi Pico」でIoT その1:気温と湿度、気圧を測定する NEW!
  • ファビコン Google Doodleが東京五輪にちなんだミニゲームに 制作はSTUDIO4℃ NEW!
  • ファビコン 「サイバー攻撃ではない」 大規模なアクセス障害に障害元の米Akamaiがコメント 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! こちらは「ケンタウルス座」の方向およそ370光年先にある若い星「PDS 70」を電波(サブミリ波)で捉えた画像です。人の目には見えない波長で観測されたため、色は・・・
NEW! 7月14日 高まるインフレ率、ビットコインの買い時か? 米労働省が7月14日に発表した6月の消費者物価指数(CPI)によれば、インフレ率は13年ぶりの高水準とな・・・
NEW! アメリカ航空宇宙局(NASA)とロスコスモスは、7月23日に予定されていた国際宇宙ステーション(ISS)ロシア区画のドッキング室(DC-1)「ピアース(Pirs・・・
NEW! 犬をモチーフにしたミームトークンは全盛期を過ぎたのだろうか、それとも死んだフリをしているだけなのか? 柴犬をモチーフにしたドージコイン(DOGE)を筆頭としたミ・・・
NEW! 原発を電力源としたビットコイン(BTC)マイニングが勢いを増しているようだ。 ビットコインマイニング・ホスティング企業のコンパス・マイニング(Compass M・・・
NEW! 福谷貴一氏(研究当時:東京大学、現:日本IBM))、今村剛氏(東京大学)らの研究グループは、宇宙航空研究開発機構(JAXA)の金星探査機「あかつき」を使った観測・・・
NEW! 衛星通信事業を展開する米国のスタートアップ企業「LEOcloud」は、スーパーコンピューターを手掛ける米国スタートアップ企業「Ramon.Space」と提携する・・・
NEW! パデュー大学のStephanie Olson氏らの研究グループは、ある惑星で誕生した生命が複雑な生物へと進化する上で、惑星の自転軸の傾きが大きく影響する可能性を・・・
NEW! 最近引越しをした。つまり、様々なアカウントにログインして、住所情報を変更しなければならなかったということだ。この作業に伴って、パスワードマネージャーを駆使するこ・・・
NEW! ドージコインの生みの親の1人であるジャクソン・パーマー氏は7月15日、気になるツイートを発信した。暗号資産(仮想通貨)テクノロジーは「本質的に右派」だと主張し、・・・

コメント

  1. nobu より:

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

  2. 時代屋 より:

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