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

  • ファビコン KDDI、「月面で5G通信」2030年実現へ 宇宙ベンチャーと大企業を結ぶ共創プログラム開始 NEW!
  • ファビコン Yahoo!知恵袋、「AI回答機能」にClaude 3を追加 「2種類の生成AIによる回答がつく」 NEW!
  • ファビコン スマホの電話番号を乗っ取られる「SIMスワップ」被害が増加 求められる対策とは? NEW!
  • ファビコン 日刊工業新聞の従業員、個人情報入りPC・スマホ盗まれる 帰社途中の電車内で NEW!
  • ファビコン タリーズに不正アクセス 個人情報漏えいの恐れも NEW!
  • ファビコン Office/Excel VBAに特化したプロンプトを導き出すための質問作成ツール「ChaChatGPT 教えて!Office先生」/ソースネクストにて取り扱い開始 NEW!
  • ファビコン Western Digital製外付けSSDが安い!【AmazonスマイルSALE】【本日みつけたお買い得情報】 NEW!
  • ファビコン SanDisk製ポータブルSSDが10%OFF!【AmazonスマイルSALE】【本日みつけたお買い得情報】 NEW!
  • ファビコン 「nginx」に4件のセキュリティアップデート ~HTTP/3 QUICモジュールに欠陥/クロスプラットフォーム対応・オープンソースのWebサーバーシステム NEW!
  • ファビコン SMILE-UP.、被害者やその家族に対する誹謗中傷で注意喚起 「犯罪行為にもなりえる」 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! 約6億年前の「エディアカラ紀(エディアカラン)」は、目に見える大きさの多細胞生物が発見されている最も古い時代として注目されています。しかし、なぜエディアカラ紀に・・・
NEW! ブラックロック(BlackRock)は、提案中のイーサリアム(ETH)現物ETF(上場投資信託)のS-1フォームを修正して提出し、アメリカで最近、上場が承認され・・・
NEW! あるトレーダーが5月29日にストライクプライス(権利行使価格)0.22ドルのドージコイン(DOGE)のコールオプションを200万枚購入したと、デリバティブ取引所・・・
NEW! 宇宙航空研究開発機構(JAXA)は2024年5月29日、2015年から金星を周回しているJAXAの金星探査機「あかつき」との通信が途絶していることを明らかにしま・・・
NEW! ビットコイン月足チャート ビットコイン週足チャート デリバティブ指標 株式市場はやや軟調な動き まとめ |文:真田雅幸/bitbankマーケット・アナリスト|編・・・
NEW! AIに重点を置いたプロトコルであるFetch.ai、SingularityNET、Ocean Protocolの3つのトークンの合併が6月13日に完了する。 ト・・・
NEW! 米財務省は、不正な金融に関して新たに行ったリスク評価において、NFTは「詐欺やスキャムに非常に利用されやすく、盗難の対象となる」と指摘。このリスク評価は、詐欺な・・・
NEW! メルカリは5月30日、ビットコイン取引サービスの口座数が220万口座を超え、口座数を公表している暗号資産(仮想通貨)取引所大手をを超える水準となり、直近1年(2・・・
NEW! 決済大手ペイパル(PayPal)のステーブルコインPYUSDは、イーサリアムブロックチェーンで初めて発行されてから約1年後にソラナブロックチェーンでも展開される・・・
NEW! アメリカの民間宇宙企業Blue Origin(ブルー・オリジン)は2024年5月19日(日本時間・以下同様)、同社の有人宇宙船「New Shepard(ニュー・・・・

コメント

  1. nobu より:

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

  2. 時代屋 より:

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