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

  • ファビコン バッファローがiPhoneの写真や動画をSSDへバックアップできる無料アプリを公開/アプリを開いてUSBストレージを接続するだけの「写真バックアップ」 NEW!
  • ファビコン メルカリ、すき間バイトの求人審査を強化 「疑義があるものは掲載を保留」 AIによるリスク検知も NEW!
  • ファビコン 「キャッツ・アイ」40年ぶり再アニメ化、ディズニープラスで 当時の主題歌をAdoがカバー NEW!
  • ファビコン 完全無料を謳う高品質な音声合成AI「Aivis Project」のβ版がリリース/デスクトップアプリ「AivisSpeech」とWebプラットフォーム「AivisHub」を展開 NEW!
  • ファビコン 「ホロライブ」運営元が自社メディアをオープン 同社の人材・技術について発信 NEW!
  • ファビコン イオンカード、不正利用に関するテレビ報道受け声明 「一日も早く安心してもらえる環境整備に努める」 NEW!
  • ファビコン 「CrystalDiskInfo」「CrystalDiskMark」がアップデート ~公式キャラの壁紙も/ダークモードメニュー対応やテーマの拡充など NEW!
  • ファビコン ワーナー、竹内まりやさんのカセットテープに誤植で謝罪 アルバムなのに裏も“A面”になっていた NEW!
  • ファビコン 11月21日は「任天堂の日」 ポケモン25周年グッズが転売の餌食に「記念日なのに……」 NEW!
  • ファビコン 「マッチングアプリの最適解」情報商材販売の男再逮捕 10代女性にも不同意性交か 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! 11月20日に発表された調査報告書の中でブローカーのバーンスタイン(Bernstein)は、ドナルド・トランプ(Donald Trump)政権下で暗号資産(仮想・・・
NEW! こちらは「へび座(蛇座)」の方向約1億5000万光年先の渦巻銀河「UGC 10043」の姿。といっても全然“渦巻き”には見えませんが、それはUGC 10043が・・・
NEW! ビットコイン(BTC)開発企業を自称するマイクロストラテジー(MicroStrategy)が、時価総額でアメリカの上場企業トップ100に食い込み、現在97位につ・・・
NEW! コインベース(Coinbase)は、「上場基準」を理由に、ラップド・ビットコイン(wBTC)を取引所から削除する手続き中だと発表した。 We regularly・・・
NEW! ブラックロック(BlackRock)のビットコイン(BTC)現物ETF(上場投資信託)に連動するオプションが11月19日にデビューし、初日の取引高は19億ドル(・・・
NEW! トークン化された米国債は急成長中の市場であり、今や新興の暗号資産(仮想通貨)ハブであるエルサルバドルにも進出している。 エルサルバドルを拠点とし、最近現地規制当・・・
NEW! ステーブルコイン発行企業のパクソス(Paxos)は、欧州連合(EU)へのアクセスを獲得するため、フィンランドに拠点を置く電子マネー機関(EMI)のメンブレン・フ・・・
NEW! アメリカのドナルド・トランプ(Donald Trump)次期大統領は、キャンター・フィッツジェラルド(Cantor Fitzgerald)CEOのハワード・ルト・・・
NEW! 日産自動車は、新たな会員サービス「NISSAN PASSPORT BETA」を12月5日より開始することをティザーサイトで明らかにした。同社は特別体験に参加する・・・
NEW! フィナンシャル・タイムズ(Financial Times)紙の報道によると、ソーシャルメディアプラットフォーム「トゥルース・ソーシャル(Truth Social・・・

コメント

  1. nobu より:

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

  2. 時代屋 より:

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