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

  • ファビコン 世界の生成AI支出、2025年は76.4%増か “AI機能”搭載のデバイスが普及 ガートナー調査 NEW!
  • ファビコン Microsoft、「Windows 365」のクライアント端末Windows 365 Linkを発売 ほか【ダイジェストニュース】 NEW!
  • ファビコン Xbox純正コントローラーをPCでカスタマイズできるアプリ「Xbox アクセサリー」 A/Bボタンの逆転などに対応。ファームウェアアップデート機能も【石田賀津男の『酒の肴にPCゲーム』】 NEW!
  • ファビコン CD/DVDの劣化を判定できる「B's Recorder GOLD 21」で古いCD/DVDをテストしてみた/CD-Rや音楽CD、家庭用ゲーム機のCD-ROMやDVD-ROMもチェック可能【レビュー】 NEW!
  • ファビコン スマホ画面に「5G+」と表示するアンテナピクト、KDDIが他社に先駆けて導入 NEW!
  • ファビコン 「ゆっくりボイス」でおなじみの「AquesTalk1」が19年ぶりのメジャーバージョンアップ/開発元アクエスト社の創立20周年を記念 NEW!
  • ファビコン ソニーもBD生産終了、近づく“テレビ保存文化”の終焉 「残し続けたい」を阻む大きな壁とは NEW!
  • ファビコン Fire TV/タブレット、Kindle、Echo…Amazonデバイスが大幅ポイント還元中!【本日みつけたお買い得情報】 NEW!
  • ファビコン クライアント向け「Windows Hotpatch」が一般提供開始 ~OSを稼働状態のままパッチ適用/まずはAMD/Intelデバイスで NEW!
  • ファビコン PHILIPSの電動シェーバーが安い!Amazonで最大40%OFFセール中【本日みつけたお買い得情報】 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! ソニーグループ傘下のSNFTが実施する、実物アートとNFTを紐づけるプロジェクトの第一弾として、3月31日から販売された盆栽のNFT所有権が4月3日に完売した。・・・
NEW! こちらの画像、背景は「ケンタウルス座」の方向約1200万光年先の渦巻銀河「NGC 4945」です。ラ・シヤ天文台(チリ)にある「MPG/ESO 2.2m望遠鏡」・・・
NEW! 比較的新しいステーブルコインへの需要の高まりを受け、4月1日以降、リップルUSD(RLUSD)は1億ドル(約145億円、1ドル=145円換算)分以上が発行され、・・・
NEW! ドナルド・トランプ(Donald Trump)大統領の関税を受けて、アメリカの景気後退懸念が浮上している。分散型予測市場のポリマーケット(Polymarket)・・・
NEW! アメリカ企業のAxiom Space(アクシオム・スペース)はISS=国際宇宙ステーションへの民間有人宇宙飛行ミッション「Ax-4」の宇宙船打ち上げを2025年・・・
NEW! アメリカの関税によるリスク回避により、決済に重点を置いた暗号資産(仮想通貨)であるエックス・アール・ピー(XRP)は、重要な天井打ちパターンと新たな下降トレンド・・・
NEW! 通常よりも高い市場の変動性(ボラティリティ)は、強気派と弱気派の両方に影響を与えた。アメリカの関税が発動されたことを受け、暗号資産(仮想通貨)先物市場では過去2・・・
NEW! BOOSTRY(ブーストリー)は4月2日、「日本のセキュリティ・トークン市場総括レポート(2024年度)」を公表した。 レポートによると、2024年度の国内・公・・・
NEW! 現代アーティストの村上隆氏が代表を務める有限会社カイカイキキは4月2日、NFTやWeb3関連サービスを提供する米国企業NiftyKitの全株式を取得し、完全子会・・・
NEW! CoinDesk JAPANを運営するN.Avenueが2023年7月に開始した「N.Avenue club」は、Web3をリサーチ・推進する企業リーダーを中心・・・

コメント

  1. nobu より:

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

  2. 時代屋 より:

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