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

  • ファビコン ヤフオク、使用済み下着の出品を一律禁止 例外だったマタニティ用や補正用もNGに NEW!
  • ファビコン インパクト重視のヘヴィ級ゴシック体フォント「源暎きわみゴ」v1.1 ほか【ダイジェストニュース】
  • ファビコン ライブ配信に欠かせないスイッチャー、その“外回り”を強化するローランドの戦略
  • ファビコン カプコン、カスハラ対応方針を発表 「モンハンワイルズ」の“レビュー過激化”をけん制か
  • ファビコン 「現場警官の熱中症防げ」冷却ベストを試験運用 ファン式とペルチェ式を用意 山梨県警
  • ファビコン 広告か有料購読か、答えのないニュースの在り方 ペイウォールの課題は“マンガ配信”に解決のヒント?
  • ファビコン 「市区町村名 災害」で検索→避難情報など表示 「Yahoo!検索」に新機能
  • ファビコン 連載3周年! 実は当初と変わった企画と、変わってきた私 ゲーマーの老後、CERO、AI……話題の裏で考えていたこと【石田賀津男の『酒の肴にPCゲーム』】
  • ファビコン ハローキティ版「スイカゲーム」、ハッピーセットの購入特典に
  • ファビコン アドビ、CCに廉価プラン新設、AIやモバイル版に制限 従来のフルプランは月額9080円に値上げ

記事を読む

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! 2025年にアメリカが景気後退することに対する賭けは急激に減少しており、暗号資産(仮想通貨)予測プラットフォームのポリマーケット(Polymarket)における・・・
NEW! 4日遅くに85億ドル(約1兆2320億円)相当の「サトシ時代」のビットコイン(BTC)が不可思議な移動をするのとほぼ同時期に、ビットコインキャッシュ(BCH)の・・・
NEW! ビットコイン・ネットワークの初期、いわゆる「サトシ時代(Satoshi era)」にマイニングされた80億ドル(約1兆1600億円、1ドル145円換算)相当のビ・・・
NEW! AI(人工知能)とWeb3を組み合わせれば、誰もが開発者になれるかもしれないと、Coinbase(コインベース)主催のブートキャンプに参加したベイリー・ロイツェ・・・
NEW! ビットコインの実現利益は24億ドルに増加し、7日間平均は15億2000万ドルと5月以来の高水準となった。アメリカ上場のビットコイン現物ETFへの流入が続く中、長・・・
NEW! 白色矮星が関わるタイプの超新星「Ia型超新星」について、2段階で爆発が生じた証拠を初めて発見したとする研究成果を、オーストラリアの博士課程学生らのチームが発表し・・・
NEW! カナダ銀行は、デジタルカナダドルの技術的実現可能性を調査する重要な一歩を踏み出した。新たな研究報告書の中で同行は、シンプルで日常的な支払いに焦点を当てたリテール・・・
NEW! トークン化プラットフォームのオンド・ファイナンスは、規制を受けたブローカープラットフォームであるオアシス・プロの買収に合意し、今後数カ月以内でのトークン化株式の・・・
NEW! ナスダック上場暗号資産(仮想通貨)取引所コインベースのレイヤー2スケーリングソリューション「ベース」は、2024年にクロスチェーンブリッジを通じた資金流入で首位・・・
NEW! ロシアの国営製造業複合企業ロステック(Rostec)は、年末までにルーブル連動トークン「RUBx」と決済ハブ「RT-Pay」を導入する計画だ。同社は同国の軍産複・・・

コメント

  1. nobu より:

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

  2. 時代屋 より:

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