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

  • ファビコン 粘土の彫刻ロボット「RobotSculptor」 ディズニーとスイス工科大が開発 NEW!
  • ファビコン AWS、機械学習で量産品の不良を見分ける「Amazon Lookout for Vision」の本サービス提供開始 NEW!
  • ファビコン 平井大臣、LINEとZホールディングスの統合に言及 「利用者目線のプラットフォームを」 NEW!
  • ファビコン コロナ禍はシェアサイクルに追い風? 事業者同士“相乗り”の動きも 交通シェアリング事情の今 NEW!
  • ファビコン 「Google スライド」のプレゼンテーションに[link to Drive]ボタンが追加 ほか【ダイジェストニュース】 NEW!
  • ファビコン KDDI、UQ mobileの契約をauショップでも可能に 相互送客を強化 NEW!
  • ファビコン AmazonでLenovo製ノートパソコンが最大25%OFF! 『IdeaPad Slim 550i』は66,229円~【本日みつけたお買い得情報】 NEW!
  • ファビコン Amazon EC2 MacインスタンスがBig Surのサポートを開始 NEW!
  • ファビコン ドコモとKDDI、回線解約ページを検索エンジンから隠ぺい 総務省の指摘受け修正 NEW!
  • ファビコン 『鬼滅の刃』で名を上げた昭和書体のフォントも格安! ~“デザインポケット”で総決算セールが開催中/セール期間は3月31日(水)まで 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! 大和証券とグループ会社の大和フード&アグリは2月26日、ブロックチェーン技術を活用してデジタル社債を発行したことを明らかにした。大和証券グループ本社 ・・・
NEW! 2月19日──ボルボ親会社のジーリーHDがブロックチェーンのJV設立 中国の自動車メーカー・ジーリーやボルボを傘下に持つ浙江吉利控股集団(ジーリーホールディング・・・
NEW! 米国で最大規模の暗号資産取引所を運営するコインベースが、正式に株式の直接上場を行う。 米証券取引委員会(SEC)が、コインベースが提出していた「Form S-1・・・
NEW! カナダの資産運用大手、CIフィナンシャルは、子会社を通じて暗号資産(仮想通貨)イーサリアムの上場投資信託(ETF)を計画していると発表した。承認されれば、世界初・・・
NEW! 2020年7月11日(現地時間、以下同様)、アメリカ航空宇宙局(NASA)の太陽探査機「パーカー・ソーラー・プローブ」は3回目の金星スイングバイを実施しました。・・・
NEW! 株式上場の準備を進める米暗号資産取引所大手のコインベースは、2012年の創業時からビットコインと他の暗号資産を自社のバランスシートで保有していることを明らかにし・・・
NEW! 「天文学的な数字」などと表現されるように、天文学ではとても大きな数字を扱います。それは天体の数(「星の数ほどある」とも言いますね)であったり天体までの距離であっ・・・
NEW! 日本最大級のブロックチェーンカンファレンス「btokyo」が、「btokyo ONLINE 2021(ビートウキョウ・オンライン2021)」として、2021年3・・・
NEW! 暗号資産(仮想通貨)取引所を運営するディーカレットが、ビットコインのマイニング機器の小口販売と運用サービスを開始する。国内の暗号資産交換業者では初の試みとなり、・・・
NEW! 米投資銀行ゴールドマン・サックスのアナリストは、暗号資産(仮想通貨)のビットコインと、伝統的資産クラスの1つである金(ゴールド)が、互いに互いの市場を「食い合う・・・

コメント

  1. nobu より:

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

  2. 時代屋 より:

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