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

  • ファビコン 「最古の穴なし槽洗濯機」公開で売上二桁アップ、シャープに聞くオンリーワン技術の生かし方 NEW!
  • ファビコン 捺印者氏名などを埋め込める電子印鑑ツール「FxDSTAMP2023」v1.131が公開 ほか【ダイジェストニュース】 NEW!
  • ファビコン ペアーズ運営元、都のマッチングサービスを歓迎 「業界にとって追い風」 NEW!
  • ファビコン MicrosoftがCopilotの更新計画を発表 GPT-4 TurboやDALL-E 3の最新版に対応/より正確なコードインタープリター機能やプロンプトを掘り下げる質問を提案する機能も NEW!
  • ファビコン セガ、過去の人気タイトル活用、新作を開発中 「クレイジータクシー」など5作品 NEW!
  • ファビコン 好きな部分を軽量ウィンドウに切り離し ~「Visual Studio Code」2023年11月更新/プロファイル機能の追加アイコンやJavaScript/Python向けの便利機能なども NEW!
  • ファビコン 3日間限定!「Amazon ホリデーセール」が12月16日より開催決定【本日みつけたお買い得情報】 NEW!
  • ファビコン 個人向けの無料「Microsoft Teams」アプリでも早期アクセス「Teams Insider」が開始/Windows 11 、iOS、Androidで NEW!
  • ファビコン 「LibreOffice 7.6.4/7.5.9 Community」が公開 ~v7.5系はサポート終了、早急な移行を/フリーのオフィス統合環境の最新版 NEW!
  • ファビコン Googleの新AI、日本では「ジェミニ」「ジェミナイ」どっち? 公式見解は 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! こちらはアメリカ航空宇宙局(NASA)の火星探査機「2001 Mars Odyssey(2001マーズ・オデッセイ)」に搭載されている熱放射撮像カメラ「THEM・・・
NEW! アメリカ航空宇宙局(NASA)は2023年12月8日付で、「ハッブル宇宙望遠鏡(Hubble Space Telescope:HST)」が同日に科学観測を再開し・・・
NEW! 8日に発表されたアメリカの11月雇用統計は、予想を上回る19万9000人の雇用増加を記録した。失業率も予想より良好で、3.7%に低下した。 エコノミスト予想では・・・
NEW! トークン化市場が本格的に立ち上がっていない主な理由は、技術的なボトルネック、現在のインフラや相互運用性の限界にある。 しかし昨年は、これらの問題を克服するための・・・
NEW! 今年は暗号資産(仮想通貨)業界にとって、再編と転換の年となった。FTX、スリー・アローズ・キャピタル(Three Arrows Capital)、セルシウス・ネ・・・
NEW! ビットコイン(BTC)の価格を予測することは、歴史的には水晶玉をのぞき込むのと同じくらいの正確さであり、過去の価格予測の中には、あまりに的外れなものもあった。 ・・・
NEW! 恒星からの熱で膨張している「WASP-107b」は、大気組成を詳細に観測しやすい太陽系外惑星の1つです。パリ・シテ大学のAchrène Dyrek氏を筆頭著者と・・・
NEW! 暗号資産(仮想通貨)デリバティブ取引所デリビット(Deribit)のビットコイン(BTC)とイーサリアム(ETH)オプション取引がかつてないほど熱くなっている。・・・
NEW! <img src="https://www.coindeskjapan.com/wp-content/uploads/2023/12/relea・・・
NEW! 日立製作所は12月7日、IoT(Internet-of-Things) やブロックチェーン基盤などのデジタル技術を用いたグリーン・デジタル・トラック・ボンド(デ・・・

コメント

  1. nobu より:

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

  2. 時代屋 より:

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