シェアする

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

  • ファビコン 日本発の地質時代「チバニアン」誕生 国際地質科学連合が正式決定 NEW!
  • ファビコン PayPay、金融サービス参入へ 後払い、保険、ローン、投資など年内にも開始 “スーパーアプリ化”へ準備着々 NEW!
  • ファビコン 非テック企業がCESで注目を集めた理由 パワードスーツだけじゃないデルタ航空のイノベーション NEW!
  • ファビコン 12月の楽天モバイル通信障害、全回線の2割に影響 原因は「デッドロック」 NEW!
  • ファビコン 映像から複数人の激しい動きを解析、東大とドコモが技術開発 ディープラーニング活用 NEW!
  • ファビコン PayPay、大手飲食店・自販機で使うと40%還元 牛丼御三家、日高屋、Coke ONなど対象 NEW!
  • ファビコン au、データ容量無制限の通信プランを1500円値下げ 5Gサービスや楽天参入に備え NEW!
  • ファビコン 最前列よりも近い“神席”――AKB48グループ、劇場公演のVR動画を配信へ ステージ後方で踊るメンバーにも光を NEW!
  • ファビコン 「5Gと5GHzを混同?」「SNSのギガ?」──勘違いしやすい「G」の見分け方 NEW!
  • ファビコン ARコンタクトレンズをMojo Visionが発表 現実世界をキャプションで説明 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! Zホールディングス(ZHD)の関連会社で、国内の仮想通貨交換業を手がけるTaoTao(タオタオ)と、仮想通貨取引所世界大手のバイナンスが、戦略的提携の締結を目指・・・
NEW! NBAのサクラメント・キングス(Sacramento Kings)は、ブロックチェーンベースのマーケットプレイスを使って、1月15日(現地時間)に行われたダラス・・・
NEW! ファースト・ビットコイン・キャピタル・コーポレーション(First Bitcoin Capital Corp.)は、世界中のビットコインATMオペレーターをまと・・・
NEW! 仮想通貨取引所の世界大手で、通称「CZ」として知られるジャオ・チャンポン(Zhao Changpeng)CEOが率いるバイナンス(Binance)は1月16日、・・・
NEW! 米商品先物取引委員会(CFTC)のヒース・ターバート委員長は、認可を受けたデリバティブは仮想通貨に対する市場の信頼を培うと考えている。 拡大する仮想通貨デリバテ・・・
NEW! アメリカに拠点を置く仮想通貨取引所クラーケン(Kraken)は2020年1月14日(現地時間)、オーストラリアでも最も歴史のある仮想通貨取引所の1つ、ビット・ト・・・
NEW!         「Twitterでツイ-トを後から編集可能にすることはおそらくない」とTwitterのド-シ-CEOが断言  01月16日10時53分  ネット・・・
NEW!         「.com」や「.net」などのトップレベルドメインによってウェブサイトへの接続にかかる時間はどれくらい違うのか?  01月16日09時00分 ・・・
NEW!         ランサムウェアの開発者が「身代金を支払わなかった企業のデ-タを公開するブログ」を作成すると脅迫  01月16日06時00分  セキュリティ・・・
NEW! DeFi(分散型金融)アプリケーションは1月14日、活況を呈した。だが、その背景にあるのはイーサリアムの価格高騰だけではない。 仮想通貨全体の価格が上昇 当記事・・・

コメント

  1. nobu より:

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

  2. 時代屋 より:

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