シェアする

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

  • ファビコン Android 11ロゴの謎と新機能 NEW!
  • ファビコン SprintとT-Mobile、合併条件修正で合意 ソフトバンクの完了後の持株は24%に
  • ファビコン ポケモンGOが「サイホーン」大量発生で大盤振る舞い ほしのすな3倍にシンオウのいしも
  • ファビコン ポケモンGOで所持できるギフトの数が倍に 「フレンドウィークエンド」で
  • ファビコン ドラクエウォークに上級職「魔法戦士」追加 ストーリーも久しぶりの更新
  • ファビコン 東京都・東大・NTT東、ローカル5Gで協定 技術を検証、中小企業での活用促す
  • ファビコン 「返金して」──au PAYの還元の条件変更に批判 ユーザーや店員から不満の声
  • ファビコン 東海道新幹線、車内テロップでのニュース配信を終了 全列車に無料Wi-Fi完備、「スマホで読める環境整った」
  • ファビコン 40周年のガンプラ、ついに「ガンダリウム合金モデル」登場
  • ファビコン HTC、VIVE Cosmosシリーズにビデオパススルー含む3モデル投入 フェースプレート変更で機能追加

記事を読む

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! バイナンスはマルタにおいて事業ライセンスもなく、認可も受けていない。マルタの金融当局が述べた。 マルタの金融当局、MFSA(Malta Financial Se・・・
NEW! 『マスタリング・ビットコイン』の著者アンドレアス・アントノプロス(Andereas Antonopoulos)氏はビットコイン至上主義者ではない。 2019年1・・・
NEW! 韓国の中央銀行「韓国銀行(BOK:Bank of Korea)」は、債券市場向けブロックチェーンシステムの開発を検討している。同市場はアジア最大級の債券市場だ。・・・
この1週間に起きた仮想通貨(暗号資産)・ブロックチェーン分野のニュースを振り返ろう。2月14日(金)-2月21日(金)には、KDDIのデジタル通貨実験や、バイナ・・・
新型コロナウイルス(COVID-19)の感染が広がっていることを受けて、野村證券や大和証券などの大手証券会社やLINE、メルカリなどのフィンテック関連企業が相次・・・
デジタルコマース大手のショッピファイ(Shopify)がリブラ協会に加わる。 2月21日(現地時間)、同社はブログでこの動きをブログで発表、リブラ協会の最新メン・・・
イーサリアムの技術的な全面見直しはどうなっているのだろうか。 我々はこの質問を先週末、ETHDenverでイーサリアムの生みの親ヴィタリック・ブテリン(Vita・・・
みずほフィナンシャルグループ(FG)が、ブロックチェーンを基盤としたデジタル証券分野に参入する。 みずほFGは2月21日、傘下のみずほ銀行とみずほ証券、みずほ情・・・
イタリアのトップサッカーチーム「ユベントス(Juventus)」は、ブロックチェーンサッカーゲーム「Sorare」で、スター選手のデジタルカードを発行する。 2・・・
米投資銀行大手のモルガン・スタンレーはネット証券大手のEトレード(E*Trade)を130億ドル(約1兆4000億円)で買収する。 ウォール・ストリート・ジャー・・・

コメント

  1. nobu より:

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

  2. 時代屋 より:

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