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

  • ファビコン ChatGPT“ジブリ化”で問われている生成AI時代の著作権(1) ジブリ化の経済効果【生成AIストリーム】 NEW!
  • ファビコン 映画の“文字起こし”ネタバレサイトを会社ぐるみで運営 社長やライターなど5人を送検 NEW!
  • ファビコン 言語の壁を取り払う“ほぼリアルタイム”の音声翻訳が「Google Meet」に/英語とスペイン語の翻訳を皮切りに、対応言語を拡充へ NEW!
  • ファビコン 無料の定番メールソフト「Thunderbird」v138.0.2がリリース/セキュリティ修正を含む問題に対処 NEW!
  • ファビコン 北海道・東北の免許センターでのシステム障害、原因は道路工事による物理的断線か 警察庁 NEW!
  • ファビコン 高出力レーザーでドローンや無人機を迎撃 防衛装備庁の“レーザー砲車両”に潜入した NEW!
  • ファビコン レールガンの“ちょっと先の姿”、防衛装備庁が公開 陸上での運用も検討中 NEW!
  • ファビコン Google、AI動画制作ツール「Flow」を発表 ~動画生成AI「Veo」で誰でも映画監督に/米国の「Google AI Pro」および「Google AI Ultra」から順次展開 NEW!
  • ファビコン 「EmEditor」v25.1が正式版に ~AIチャットUIを追加、ブックマーク機能も拡充/各所の高速化も実施 NEW!
  • ファビコン 「Google Chrome」に流出パスワードをワンクリックで安全なものへ更新する機能導入へ/パスワード、パスキーの扱いもシンプルな同じUIでわかりやすく 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! 「ビットコイン(BTC)に関連する製品全体で買いが活発化しても驚かないでほしい」と、CoinDeskは5月20日の「Crypto Daybook America・・・
NEW! ビットコイン(BTC)は5月22日の早朝、初めて11万1000ドルを突破し、新たな史上最高値を記録した。これは、機関投資家からの資金流入が継続していることが背景・・・
NEW! ソラナラボ(Solana Labs)のモバイルチームは21日、8月4日からスマートフォン「Seeker」の出荷を開始する予定だと発表し、インフラフレームワークに・・・
NEW! ビットコイン(BTC)は10万ドルを再び突破、だが少し前の値動きを覚えている投資家は、すぐに12月から1月にかけての値動きと同じ展開、つまり、10万ドルに乗せた・・・
NEW! トロン(Tron)の創設者であるジャスティン・サン(Justin Sun)氏は、自身がミームコイン「TRUMP」のトップ保有者であることを明かし、今週、ドナルド・・・
NEW! 市場の成熟により、いまやビットコイン(BTC)をはじめとする暗号資産(仮想通貨)は、機関投資家のポートフォリオに組み込まれる存在となった。だが、トランプ関税など・・・
NEW! ビットコイン(BTC)は5月21日、10万9000ドルを超えて史上最高値を更新したが、マイニング関連のニュースを手がけるTheMinerMagによると、先月記録・・・
NEW! 投資銀行ジェフリーズ(Jefferies)は20日の調査レポートで、ネットワークのハッシュレート上昇に伴い、4月のビットコイン(BTC)マイニングの収益性は低下・・・
NEW! ビットコイン(BTC)は5月21日、史上最高値を更新したが、11万ドル手前で壁にぶつかった。 10万9754ドルの新記録を打ち立てた後、ビットコインはすぐに10・・・
NEW! ビットコインは5月21日、史上最高値を更新した。時価総額は2兆1600億ドル(約310兆円、1ドル=144円換算)となり、世界第5位の資産となった。 ビットコイ・・・

コメント

  1. nobu より:

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

  2. 時代屋 より:

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