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

  • ファビコン 朝日インタラクティブは「4X」に 朝日新聞社がグループ5社を2社に再編へ NEW!
  • ファビコン MicrosoftのAI、医療診断精度で人間の医師を超える可能性 NEW!
  • ファビコン 「Google Chrome 138」にゼロデイ脆弱性、今すぐアップデートを/Windows環境には修正版のv138.0.7204.96/.97が展開中 NEW!
  • ファビコン 芥川賞作家が“95%をAIで書いた”短編小説、プロンプト全文がWeb公開/九段理江氏「小説家 meets AIの物語としてお楽しみいただけたらうれしいです」 NEW!
  • ファビコン 北朝鮮ITワーカーの不正収益、AIで巧妙化 米司法省が大規模摘発 NEW!
  • ファビコン 最大15%還元! Amazonプライムデー「Kindle本まとめ買いキャンペーン」が実施中/2週連続開催。1週目は7月7日、2週目は14日まで【Book Watch/セール情報】 NEW!
  • ファビコン Amazonプライム会員限定「飲料サマーSALE」実施中! 7月7日まで!!【本日みつけたお買い得情報】 NEW!
  • ファビコン AmazonでアイリスオーヤマのAndroidタブレットが最大16%OFF!【本日みつけたお買い得情報】 NEW!
  • ファビコン 古いPCから新しいPCへ簡単にファイル・設定を移行できる機能、Windows 11で展開へ NEW!
  • ファビコン 極度の睡眠不足で死ぬのはなぜ? 米国チームが2020年にハエで実験 “寝なくても死なない方法”も検証 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! データソースのTradingViewによると、1ビットコイン(BTC)のドル建て価格と金の1オンスあたりのドル建て価格の比率は先週、10%を超える上昇となり33・・・
NEW! ベンチマーク(Benchmark)のアナリスト、マーク・パーマー(Mark Palmer)氏はメタプラネット(Metaplanet)のカバレッジを開始し、「買い・・・
NEW! 「チェンソーマン」や「呪術廻戦」、「進撃の巨人 The Final Season」などを手掛けたアニメプロデューサー木村誠氏が率いるBLUE RIGHTSと、ブ・・・
NEW! 2025年上半期の暗号資産市場は、表面的にはほとんど動かなかった。 関税、迫り来る景気後退、戦争、暗号資産に優しい政策への期待の高まり、ドナルド・トランプ氏の米・・・
NEW! デジタルブローカレッジプラットフォームのロビンフッドは、新たなサービス展開を通じて暗号資産分野での存在感を拡大している。これには、同社が6月30日に発表した、ア・・・
NEW! ソラナ(SOL)は米国時間6月30日朝、レックス・シェアーズ(Rex Shares)とオスプレイ・ファンド(Osprey Funds)が共同で手がけるSOLステ・・・
NEW! 暗号資産(仮想通貨)取引所を運営するBACKSEATは6月30日、シードラウンドの資金調達を実施し、創業1年での累計調達額が約14億円に達したことを発表した。本・・・
NEW! シンガポールの金融新聞ビジネス・タイムス(The Business Times)は6月30日、韓国銀行(BOK)が中央銀行デジタル通貨(CBDC)プロジェクトを・・・
NEW! ビットコイン(BTC)は10万ドルを上回っているものの、機関投資家の強い関心にもかかわらず、高値更新に苦戦している。アナリストのチェックメイト(Checkmat・・・
NEW! ブラックロック(BlackRock)のビットコイン現物ETF(上場投資信託)は先週、出来高が4週間続いた減少傾向を脱し、3.49%上昇した。 TradingVi・・・

コメント

  1. nobu より:

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

  2. 時代屋 より:

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