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

  • ファビコン ソニー「RX1R III」は何が変わった? 10年越しフルサイズセンサー搭載の高級コンデジ NEW!
  • ファビコン タクシーアプリ「GO」、47都道府県で利用可能に 9月下旬に島根県で提供開始 NEW!
  • ファビコン PDFを1ページずつ画像化してExcelに張り付けられる「ii-pdf-paste2xlsx」v1.02 ほか【ダイジェストニュース】 NEW!
  • ファビコン ワークマン、公式アプリを9月1日開始 “バズった商品買えない”の声受け NEW!
  • ファビコン SNSで除草剤の評判落ちた ネガティブ投稿者に「名誉棄損」で賠償命令 抑止力になるか NEW!
  • ファビコン “スマホ1日2時間”条例案はあくまで「目安」──豊明市が声明 「時間をどう使うかは各自の自由、当然のこと」 NEW!
  • ファビコン 東京都、エアコン購入補助を拡充 1万円→8万円に 高齢者・障害者向け NEW!
  • ファビコン “スマホ1日2時間条例案”が「余計なお世話」と物議 豊明市は「理念条例」と説明も残る疑問【条例案の全文あり】 NEW!
  • ファビコン 『Microsoft Officeに望む唯一のこと』は[F12]キーでかなえられるという話/「Word」や「Excel」、「PowerPoint」でファイル保存ダイアログを一発で開く方法【やじうまの杜】 NEW!
  • ファビコン ダンダダン“お囃子”問題でアニメ公式が謝罪 「事前のご説明に思いが至らなかった」 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! 聯合ニュースによると、韓国の大手金融グループは、早ければ今週にも、ステーブルコインの二大発行企業であるテザー(Tether)とサークル・インターネット(Circ・・・
NEW! 資産運用会社のヴァンエック(VanEck)は、ソラナ(SOL)ステーキングETF(上場投資信託)のローンチを申請し、ブロックチェーンネイティブの利回り資産を伝統・・・
NEW! 8月23日、Japan Blockchain Week summit AI editionが開催された。 冒頭の挨拶で、INTMAXの藤本真衣氏は、「今、私たち・・・
NEW! イーサリアム(ETH)トレジャリー企業のシャープリンク・ゲーミング(SharpLink Gaming)は、最大15億ドル(約2200億円)の自社株買いプログラム・・・
NEW! イーサリアム(ETH)は22日金曜日、米連邦準備制度理事会(FRB)のジェローム・パウエル(Jerome Powell)議長が利下げを示唆する発言を行い、週末に・・・
NEW! 暗号資産(仮想通貨)運用会社のビットワイズは、ビットコイン(BTC)の将来に大きく賭けており、今後10年間は世界最大の暗号資産にとって並外れた成長の時期になると・・・
NEW! 暗号資産関連株とデジタル資産は8月22日、ジェローム・パウエルFRB議長が、早ければ9月にもFRBが利下げを開始する可能性があると示唆した後、急騰した。 FRB・・・
NEW! ジェローム・パウエルFRB議長は8月22日、9月の利下げを選択肢として確実に提示した。タカ派的なトーンを予想していた市場にとって、これは驚きであった。 ジャクソ・・・
NEW! アメリカ企業SpaceX(スペースX)は日本時間2025年8月22日に、「Falcon 9(ファルコン9)」ロケットの打ち上げを実施しました。搭載されていたUS・・・
NEW! フィナンシャル・タイムズによると、欧州連合(EU)の政策立案者は、アメリカが新たなステーブルコイン法を成立させたことで、急速な進化に対応するため、デジタルユーロ・・・

コメント

  1. nobu より:

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

  2. 時代屋 より:

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