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

  • ファビコン 「Visual Studio Code」の4月更新 ~タブ切り替えのターミナルをプレビュー提供/変数の値をインライン表示する機能や「KaTeX」を利用した数式表示にも対応 NEW!
  • ファビコン ポケモンGOで週末イベントのフライング 「マリル限定リサーチ」不具合で2日早く登場、再配布へ NEW!
  • ファビコン 「Vine Linux」リリース終了 1998年誕生、国産Linuxディストリビューションの先駆け NEW!
  • ファビコン Googleアカウント、間もなく自動的に2段階認証に(オプトアウト可能) NEW!
  • ファビコン 美麗な景観も魅力の都市開発シミュレーション「Cities: Skylines」【初月100円!オススメGame Pass作品】 NEW!
  • ファビコン KindleストアGWキャンペーンでコミックも安い!『金色のガッシュ!!』全16巻が330円均一/『メイドインアビス』全9巻は3,685円【Book Watch/セール情報】 NEW!
  • ファビコン 「Python 3.10」のベータ版が登場、「Python 3.8」系は最後のメンテナンスリリース/プログラミング言語「Python」の隔月アップデートが公開 NEW!
  • ファビコン ソフトバンク、プロ野球中継で初のバーチャル広告 福岡PayPayドームで5月7日から NEW!
  • ファビコン Twitterの投げ銭機能、PayPalで支払うと相手に住所がバレる? Twitter社「送金アプリの規約に基づく」 NEW!
  • ファビコン 「3DMark」に新しいベンチマークテスト「Wild Life Extreme」 ~Apple M1にも対応/「Wild Life」の3倍の負荷で最新デバイスのグラフィック性能をクロスプラットフォーム比較 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! 6日、イーサリアムの競合と言われる暗号資産が大きく上昇、イーサリアム(ETH)も3600ドルを超え、史上最高値を更新した。 ●イーサリアムは協定世界時(UTC)・・・
NEW! 現地時間5月4日、米宇宙企業スペースX社はフロリダ州にあるケネディ宇宙センター39A発射台から「スターリンク」衛星60基を打ち上げました。衛星は打ち上げから約6・・・
NEW! 米決済大手スクエア(Square)のビットコイン事業の売上が、11倍に増加した。 スクエアが運営する「Cash App」アプリにおける1~3月期のビットコイン事・・・
NEW! 米投資銀行のゴールドマン・サックスは、投資家がビットコインの金融デリバティブ商品にアクセスできる取り組みを開始した。 ゴールドマンが提供しているのは、ビットコイ・・・
NEW! 4月23日──ドイツの新法案、暗号資産に最大46兆円規模の資金呼び込む:報道 暗号資産(仮想通貨)の投資商品の開発を促す環境整備を積極的に進めるドイツで、新たな・・・
NEW! オランダに拠点を置く大手総合金融機関INGは、急速に成長しているDeFi(分散型金融)のリスクとチャンスを分析している。 4月に発表されたレポート「Lesson・・・
NEW! 一見無関係に思える4月下旬のの3つのストーリーを組み合わせて、見過ごされているトレンドを浮き彫りにしていきたいと思う。 まず、テスラの第1四半期の収支報告によっ・・・
NEW! 宵の明星・明けの明星として古くから親しまれてきた惑星「金星」。金星のサイズは地球とよく似ていますが、二酸化炭素が主成分の大気には分厚い硫酸の雲が広がり、地表は摂・・・
NEW! 資本主義を伝えてきた創刊104年の経済誌『フォーブス』を発行するフォーブス・メディア社の買収に、少なくとも2社が名乗りを上げている。 ロイターは先週、フォーブス・・・
NEW! アメリカンフットボールリーグのプロリーグ(NFL)に所属するニューヨーク・ジャイアンツ(New York Giants)が、暗号資産の投資信託を運営するグレイス・・・

コメント

  1. nobu より:

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

  2. 時代屋 より:

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