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

  • ファビコン 「Xperia」差し込むVRヘッドセット、ソニーが発売 スマホ別で3万円 NEW!
  • ファビコン 「Skype for Web」が「Firefox」でも利用可能に ~「Skype 8.78」のプレビュー版でテスト中/すべてのWebブラウザーに対応。通話画面のモダナイズも開始 NEW!
  • ファビコン 衛星データ基盤「Tellus」、データの売買に対応 「ネット業界のビジネススキームを宇宙産業に」 NEW!
  • ファビコン 眞子さま報道にヤフコメ殺到 “記事ごとコメント非表示”発動 「過度な批判や誹謗中傷」とAIが判断 NEW!
  • ファビコン 展示物にスマホかざすと説明文やCG合成 凸版、博物館ガイドシステム発売 NEW!
  • ファビコン 無料のテレワークシステム「シン・テレワークシステム」がWindows 11に対応/NTT東日本とIPAが開発・無償解放中のテレワークシステム NEW!
  • ファビコン 鶏肉加工にもAI自動化の波 リサイクル部位の7割を唐揚げ用に──ニチレイの食品ロス削減術 NEW!
  • ファビコン 音楽ファン歓喜の時代がやってきた! 人類が「空間オーディオ」を手に入れ、ステレオを卒業する日が NEW!
  • ファビコン Kindleストアで90&00年代の名作が30%OFF! 講談社文庫50周年記念セール/西尾維新『戯言』シリーズや京極夏彦『電子百鬼夜行』シリーズなどが対象【Book Watch/セール情報】 NEW!
  • ファビコン レンタカー大手のHertz、Tesla Model 3を10万台購入 11月からレンタル開始 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)は現地時間10月22日、開発中の新型ロケット「SLS(スペースローンチシステム)」への新型宇宙船「オリオン(オライオン)」の搭載作・・・
NEW! ソラナ(SOL)は25日早く、史上最高値を更新。TradingViewによると、218.90ドルまで上昇した。 ソラナのような「レイヤー1ブロックチェーン」のネ・・・
NEW! ビットコイン(BTC)は週末の下落から回復しており、トレーダーはアメリカで3番目のビットコイン先物ETF(上場投資信託)の取引開始に期待している。VanEck ・・・
NEW! 先週、暗号資産ファンドは14億7000万ドル(約1670億円)の記録的な流入超となった。暗号資産市場の上昇とアメリカ初のビットコイン先物ETF(上場投資信託)の・・・
NEW! 中央銀行デジタル通貨(CBDC)をめぐる議論はここ1年で、かなり前進してきた。ほぼ完全に概念的な議論の域を出なかったCBDCが、今では実際にどのように機能するの・・・
NEW! ブロックチェーンはすでに、モノの動きを追跡する企業の能力を高めている。しかし、人々が仕事を体験する方法を追跡するのに使ったらどうだろうか?そうすれば、グローバル・・・
NEW! こちらの画像は10月12日付で公開されたNASAの「本日の1枚」です。ハッブル宇宙望遠鏡によって撮影された超新星残骸N63Aの画像です。 N63Aは私達の天の川・・・
NEW! アント・グループ(Ant Group)とテンセント(Tencent)は、NFT(ノンファンジブル・トークン)の表記を「デジタル・コレクティブルズ」に変更したと中・・・
NEW! 三菱重工株式会社は10月25日、「H-IIA」ロケット44号機の打ち上げ日時が2021年10月26日11時19分37秒に再設定されたことを発表しました。打ち上げ・・・
NEW! 従来のクレジットカードによる決済は、暗号資産(仮想通貨)が成長するなかでも堅調に推移するだろうと、アメリカン・エクスプレス(AMEX)の会長兼CEO、スティーブ・・・

コメント

  1. nobu より:

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

  2. 時代屋 より:

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