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

  • ファビコン 任天堂、Switch 2当選者にmicroSD Expressカードを販売 256GBで6980円 NEW!
  • ファビコン マスク氏が政権離脱へ「彼には経営すべき会社がある」 トランプ氏が言及、円満アピール NEW!
  • ファビコン 空飛ぶトラック、自動おにぎり製造マシン……町工場の技術と知恵を万博で全世界へ発信 NEW!
  • ファビコン 万博の空飛ぶクルマ、「飛ばない期間」があることが判明 誘客に影響も NEW!
  • ファビコン iPhone、米国価格30~40%上昇か 相互関税で 上位機種は1599ドル→2300ドルも NEW!
  • ファビコン 「Nintendo Switch 2」、抽選販売スタート マイニンテンドーストアで 当落は4月24日に発表 NEW!
  • ファビコン 「Blender」最新版はよくあるミスを未然に防いでくれる親切設計!【Blender ウォッチング】 NEW!
  • ファビコン 人気ストラテジーゲーム「シヴィライゼーションVII」にVR版、4月10日発売 NEW!
  • ファビコン コンピュータ・IT書が最大50%OFF!Amazon Kindle本ストアの高額本キャンペーン【本日みつけたお買い得情報】 NEW!
  • ファビコン 東芝の単3/単4電池とコイン型リチウム電池が安い!Amazonタイムセール【本日みつけたお買い得情報】 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! こちらは「ろ座(炉座)」のごく狭い範囲を捉えた画像。幅は満月の視直径の170分の1以下しかありません(視野は0.17×0.17分角)。中央に見える赤い点は「JA・・・
NEW! アメリカの暗号資産(仮想通貨)大手コインベース・インスティテューショナル(Coinbase Institutional)は4月4日、リップル(Ripple)と密・・・
NEW! 重要なアメリカの3月非農業部門雇用者数(NFP)の発表が近づくにつれ、ビットコイン(BTC)の強気派は、映画『ダークナイト』に登場するトゥーフェイス(ハーヴィー・・・
NEW! ソラナ(SOL)は、4月4日に発表されるアメリアの非農業部門雇用者数(NFP)報告を前に、一部の大型投資家、いわゆる「クジラ」が保有するトークンを売却したため、・・・
NEW! 本稿ではビットコイン相場を①パターン分析 ②移動平均線(9MA・25MA) ③一目均衡表 ④ボリンジャーバンド ⑤MACD ⑥RSIの代表的な6種類のテクニカル・・・
NEW! Chaintopeと電縁は4月3日、ブロックチェーン技術を活用したトレーサビリティシステム「Rensa(レンサ)」を開発し、2025年春季の「福岡有明あさり」の・・・
NEW! 全国17大学のWeb3研究会からなる学生団体WeCreate3は3月29日、伝統的金融やエンターテインメント領域でのブロックチェーン活用やAIエージェントの可能・・・
NEW! 6週間前に14億5000万ドル(約2100億円)のハッキングを受けた暗号資産(仮想通貨)取引所のバイビット(Bybit)は、ゾディア・カストディ(Zodia C・・・
NEW! イーサリアム(Ethereum)の開発者たちは3日、待望の「ペクトラ(Pectra)」アップグレードの目標日を5月7日に設定し、2024年3月以来のブロックチェ・・・
NEW! CoinDesk JAPANを運営するN.Avenueが2023年7月に開始した「N.Avenue club」は、Web3をリサーチ・推進する企業リーダーを中心・・・

コメント

  1. nobu より:

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

  2. 時代屋 より:

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