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

  • ファビコン ラズパイの拡張ボード「Sense HAT」に搭載された加速度計、磁力計、ジャイロスコープでサイコロを作る NEW!
  • ファビコン 「PS5」ゲームの設定に目を丸くした漫画家、つい「〇」ボタンを押してしまう
  • ファビコン 「Microsoft Teams」無料版、Webアプリで24時間利用可能に(プレビュー機能として)
  • ファビコン ラズパイの拡張ボード「Sense HAT」で温度や湿度、気圧を測定してみよう
  • ファビコン スマホアプリ版「どうぶつの森」でARモードが使用可能に アップデートで解禁
  • ファビコン ロンドン地下鉄の看板がPS5仕様に 「ラチェット&クランカスター・ゲート駅」など誕生
  • ファビコン ポケモンGOで「ブーバー」大量発生 タイムチャレンジを進めるチャンスに
  • ファビコン Internet Archive、Flashコンテンツをアーカイブ プラグインなしで21年以降も閲覧可能に
  • ファビコン カプコン、不採用者の応募書類を破棄せず 採用ページには「責任を持って破棄」と記載も、サイバー攻撃で情報流出の可能性
  • ファビコン “PC”の定義は何か まずはIBM PC登場以前のお話から

記事を読む

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! アメリカのコーネル大学、NASAのジェット推進研究所(JPL)などの研究チームは11月5日、40億年ほど前に火星の赤道付近にある直径154kmほどの”ゲール・ク・・・
NEW! スウェーデン宇宙物理研究所(IRF)は、同研究所が開発した科学観測装置が木星周辺の生命探索ミッションに参加すると発表しました。 IRFの主導で開発されたのは「粒・・・
NEW! クリプトキティーズ(CryptoKitties)やNBAトップ・ショット(NBA Top Shot)を開発したダッパー・ラボ(Dapper Labs)とのコラボ・・・
NEW! ゴールドマン・サックスが「Reinventing the Yuan for the Digital Age(デジタル時代に向けた人民元の再発明)」と題した81ペ・・・
こちらはヘルクレス座の方向およそ7800光年先にある惑星状星雲「IC 4593」の観測データをもとに作成された画像です。X線観測衛星「チャンドラ」の管制を担うス・・・
こんにちは、外科医の後藤です。 以前お伝えした「宇宙食」の話題ですが、最新の研究報告や話題を踏まえアップデートしてお送りします。 宇宙での食事には、生命および健・・・
全米科学財団(NSF)は現地時間11月19日、プエルトリコのアレシボ天文台で57年間に渡り運用されてきた電波望遠鏡が廃止されることを明らかにしました。なお、電波・・・
アイネット証券、自動売買ツール利用の「メキシコペソ/円」スプレッドを7銭から1銭へ アイネット証券は11月16日正午より、通常の口座ではなく、自動売買ツール「ル・・・
国立天文台は11月18日、日本も運営に参加しているチリの電波望遠鏡群「アルマ望遠鏡」による金星の観測データの一部における再解析が完了し、アルマ望遠鏡科学データア・・・
ビットコインオプション市場のデータは、投資家がビットコインの急激な上昇からの一時的な下落に備え始めていることを示している。 インプライド・ボラティリティ ビット・・・

コメント

  1. nobu より:

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

  2. 時代屋 より:

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