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

  • ファビコン Googleが新たなコンセプトのimg2img画像生成AI「Whisk」の日本展開を開始/モデル、シーン、スタイルのイメージ画像から思い通りの画像を生成 NEW!
  • ファビコン 商用利用可能な動画生成AI「Adobe Firefly Video Model」がパブリックベータ版に/まずは1080p解像度をサポート、豊富なカメラコントロールも NEW!
  • ファビコン 商用利用できる生成AI「Adobe Firefly Web版」がリニューアル ~ホーム画面から画像や動画を素早く生成可能に/Adobe Fireflyの新しい料金プランも登場 NEW!
  • ファビコン 「にじさんじ」運営、所属していたVtuber宛のファンレターを誤廃棄 再度募集へ NEW!
  • ファビコン 「ネイチャーリモ」、障害発生時でも自宅エアコンを操作できる「ローカルコントロール機能」を追加 NEW!
  • ファビコン 無料で高機能な画像編集・処理ソフト「GIMP」v3.0 RC3 ほか【ダイジェストニュース】 NEW!
  • ファビコン Apple、セキュリティ更新を実施 ~macOS、watchOS、visionOSにもアップデート/iOS/iPadOSではUSB制限モードを回避できてしまう重大な脆弱性に対処 NEW!
  • ファビコン Intel、2025年2月のセキュリティアドバイザリを公開 ~Core iシリーズのCPUにも影響/最大深刻度は最も高い「CRITICAL」 NEW!
  • ファビコン 「全人類を苦役から解放」目指す 人機一体が開発した零一式カレイド「人型ロボット」の実力 NEW!
  • ファビコン 「一太郎2025」が発売 ~動画・音声・画像からの自動文字起こし機能を搭載/「一太郎2025 プラチナ」には限定フォントを同梱 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! 米証券取引委員会(SEC)は、暗号資産(仮想通貨)市場に氾濫している多くのミームコインを監督する権限を持たない可能性が高いと、ヘスター・パース委員が2月11日の・・・
NEW! 市場で第2位の規模を誇るステーブルコインである、サークルのUSDコインは今週、ステーブルコインの成長が再加速の兆しを見せるなか、560億ドルを超える過去最高の時・・・
NEW! 予想をはるかに上回る米国のインフレデータを受けて、2月12日早朝に9万4000ドルをわずかに上回る水準まで下落していたビットコイン(BTC)は一転して、9万75・・・
NEW! オリエントコーポレーション(オリコ)が、米ドル連動型ステーブルコイン「USDコイン(USDC)」を担保とした決済カードを2024年6月までに発行する方針であるこ・・・
NEW! こちらはアメリカ航空宇宙局(NASA)の木星探査機「Juno(ジュノー)」に搭載されている「赤外線オーロラマッピング装置(JIRAM)」を使って赤外線の波長で観・・・
NEW! 時価総額第2位の暗号資産(仮想通貨)であるイーサリアム(ETH)は最近、貿易戦争に端を発したパニック暴落により、ビットコイン(BTC)と比較して2020年後半以・・・
NEW! アメリカ証券取引委員会(SEC)とバイナンス(Binance)、そして前CEOのCZことチャンポン・ジャオ(Changpeng Zhao)氏は、2月10日にアメ・・・
NEW! 新たな投資商品であるKvarnPortugalファンドは、投資家が暗号資産(仮想通貨)セクターに参入する手段を提供すると同時に、ポルトガルの居住権または市民権を・・・
NEW! 水環境分野の総合エンジニアリング企業で、東証プライム上場のメタウォーターは2月12日、少子高齢化による人手不足や自然災害といった「インフラクライシス」に対応する・・・
NEW! Google Playの日本向けストアで、複数の海外暗号資産(仮想通貨)取引所アプリがダウンロードできない状態となっていることが明らかになった。 観測された範囲・・・

コメント

  1. nobu より:

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

  2. 時代屋 より:

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