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

  • ファビコン 卒業アルバムの写真など17万件漏えいのおそれで印刷会社が経緯説明 侵入はVPN経由、公表の遅れは「納期を守る措置を優先してしまった」 NEW!
  • ファビコン Windows 11 24H2向けパッチ「KB5055627」がプレビュー ~Copilot+ PCの目玉AI機能が展開/ついに製品版で「リコール」や「クリックで実行」などを利用可能に NEW!
  • ファビコン コインチェック、全サービスを一時休止 Xへの不正ログイン受け「被害拡大防止のため」 NEW!
  • ファビコン 大阪万博、コスプレ入場はOK? 公式イベント「Japan Expo」はコスプレイヤーが多数参加 NEW!
  • ファビコン GeForce RTX 4060搭載マシンががトップ3を独占 ~12万円台から購入可能【マウスコンピューター売れ筋PCランキング[独立型GPU搭載モデル編 2025/4/28版]】 NEW!
  • ファビコン 老後のゲーム趣味に待ち受ける問題とは?「体の衰えだけではない課題」に注目が集まる ~窓の杜アクセスランキング[2025/04/21~2025/04/27]【記事アクセスランキング】 NEW!
  • ファビコン Fire TV&タブレット、Kindle、Echo…Amazonデバイスが大幅ポイント還元中!【本日みつけたお買い得情報】 NEW!
  • ファビコン 「ウィルキンソン タンサン」が安い!Amazonタイムセール&クーポン配布中【本日みつけたお買い得情報】 NEW!
  • ファビコン 来年の確定申告は「Windows 11」で ~国税庁、推奨環境から「Windows 10」を削除する方針/ 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! ステーブルコイン市場の競争は第3フェーズに入り、時価総額1位のステーブルコイン「USDT」を発行するテザーや同2位の「USDC」を発行するサークルなどは、EUの・・・
NEW! コインベース・アセット・マネジメントは、機関投資家が保有するビットコイン(BTC)から利回りを受け取るための新しいファンドを展開する。 4月28日のプレスリリー・・・
NEW! 市場混乱時の「安全資産」という考え方——伝統的に金と米国債を指してきた——は、かつてないほど試されている。 過去数十年、ポートフォリオ構築とリスクマネジメントは・・・
NEW! 決済大手のマスターカードは4月28日、その広大な加盟店ネットワーク全体でステーブルコイン決済をサポートする新たなグローバル機能をローンチすることで、デジタル資産・・・
NEW! CoinDesk Indicesのプロダクト責任者アンディ・ベイアー(Andy Baehr)氏は、イーサリアム(ETH)は現サイクルで「成長ストーリー」を見つけ・・・
NEW! ビットコインは4月28日、米国取引セッションの序盤に下落したが、マクロ経済に関する悪いニュースが飛び込んでくる中、大半は堅調に推移した。 ビットコインは28日の・・・
NEW! 市民参加型の未発見天体探索ツール「COIAS(※)」。 これまでにCOIASを通じて発見された天体を、国立天文台が紹介しています。 COIASは、漫画家のQur・・・
NEW! ギグワークスの子会社GALLUSYSは4月28日、同社が提供するSnap to Earnサービス「SNPIT」において、世界的な人気を誇るアニメ「進撃の巨人」と・・・
NEW! Xアカウントへの不正ログインにより、全サービスを停止していたコインチェックがサービスを順次再開している。 コインチェックは「当社Xアカウントへの不正ログインに伴・・・
NEW! CNSA=中国国家航天局は2025年4月24日付で、2020年12月に月探査機「嫦娥5号(Chang'e 5)」で採取した月のサンプルについて、国際貸与申請の結・・・

コメント

  1. nobu より:

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

  2. 時代屋 より:

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