シェアする

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

  • ファビコン Microsoft、Windows 10 1803への「Your Phone」アプリ提供を中止 - 財経新聞 NEW!
  • ファビコン ChromebookでWindows 10を走らせる「Campfire」が開発中? ただし機種は限られそう - ギズモード・ジャパン
  • ファビコン 面倒な“Windows 10の更新”をスクリプト化できる新たな選択肢(その1) - @IT
  • ファビコン イメージ展開やローカル管理者権限の適用に困難が本格化するWindows 10移行、誰もがぶつかる4つの課題とは? - TechTargetジャパン
  • ファビコン Windows 10のちょっとイヤな強制アップデート、AIで「ちょっと離れてるだけ」かどうかを判断してくれるように - ギズモード・ジャパン
  • ファビコン 2015年の今日、「Windows 10」がリリースされました:今日は何の日? - Engadget 日本版
  • ファビコン 組み込み機器のWindows 7からWindows 10への移行で考慮すべき互換性問題 (1/3) - @IT MONOist
  • ファビコン Microsoft、「Windows 10 IoT Core Services」のパブリックプレビュー版を発表 - @IT
  • ファビコン 半期チャネルにWindows 10 バージョン1803の機能更新プログラムがやってきた (1/2) - @IT
  • ファビコン 「Windows 10」リリースから3年、何が変わった?--良かった点、悪かった点 - ZDNet Japan

記事を読む

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の今日の人気記事

まだデータがありません。

他カテゴリの今日の人気記事

まだデータがありません。

ブロガー用

ブログ管理者などによく売れてる本です
パソコンやスマホをお持ちの方に人気です

コメント

  1. nobu より:

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

  2. 時代屋 より:

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