シェアする

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

  • ファビコン 手軽に「自分」を表現 最新Windows10のテーマ機能 :日本経済新聞 - 日本経済新聞 NEW!
  • ファビコン パンサー、Windows10の機能を“四十八手”のポーズで表現 - お笑いナタリー
  • ファビコン 次期Windows 10のアップデートで処理能力重視の「Ultimate ... - Gigazine - GIGAZINE
  • ファビコン なぜマイクロソフトはWindows 10で積極的にPWAをサポートするのか - ビジネス+IT
  • ファビコン Windows 10の「Xbox」などのビルトインアプリを削除する - @IT
  • ファビコン 懐かしすぎる!「Windows95からWindows10まで」の起動音をまとめた動画 - ロケットニュース24
  • ファビコン DSP版Windows 10の新バージョン「1709」が店頭入荷、Fall Creators Update適用済み - AKIBA PC Hotline!
  • ファビコン Microsoft、Windows 10各バージョンのサポート終了日を明らかに - INTERNET Watch
  • ファビコン はじめてのWindows 10入門講座――最新OSとうまく付き合っていく方法 (1/3) - @IT
  • ファビコン 「Windows 10」のプライバシーツールはどうなる?--新プレビューに見る ... - ZDNet Japan

記事を読む

20170702031813

wordpressテーマのSimplicityでスマホで表示した時に右側に余白が出来てしまう時の対処方

タイトル通りなのですがこの問題メチャハマりましたwww

最初気づかなかったのですが

新しくエックスドメインでサイトを作った時に個別記事を表示したら

んんんんん

なんか右側に余白が出来てるではないか!?

同じSimplicityのスタイルシートを使ってエックサーバーでは余白が出来ない!?

ここで思った事はエックスドメインだけが何らかのせいで余白が出来るのかなとも思ってみたものの

Simplicityでスキンを使って表示してみると余白が出来てないwww

あーだこうーだといじくってる内にエックスサーバーでも余白が出来てしまう。

この時に投稿した記事に何らかの原因がある物だっと思って内心ヨシヨシもしや解決策が分かるかもと喜んでいた。

でも違ったwww

投稿した記事をテキストでテストだけと修正して表示してみてもやはり余白が出来ている!?

ここまでで思った事は

サーバーは関係ない

スキンを使うと余白が出来ないけど子テーマを使うと余白が出来る

iphone6でも7でも同じ

もう頭もパンパン状態の上お手上げモードで2日経ちましたwww

少しぐらいもういいやと諦めはするものの頭から離れず

気にすればするほど気になるwww

そんな時検索してみたらなんと解決方法があるではないか!

早速試してみたら余白が出来なくなった

万歳

でもなんで余白が出来るかの原因は分かりません

早速そのコードをメモしておきます

#container {
    overflow: hidden;
}
テーマSimplicityでスマホで表示すると右側に余白が出来てしまうお話でした

参考にしたサイト様です

Simplicityのスマホ表示の際に出現した「謎の余白」。その対処方法に関して書いています。
wordpressの今日の人気記事
他カテゴリの今日の人気記事
ブロガー用

ブログ管理者などによく売れてる本です
パソコンやスマホをお持ちの方に人気です
NEW! Anker プレミアムライトニングUSBケーブル 【iPhone X / 8/ 8 Plus 対応 / Apple認証】コンパクト端子 ( ホワイト0.9m )・・・
NEW! Amazon Echo Dot (Newモデル)、ブラック Amazon 新品: ¥ 5,980 (この商品の現在のランクに関する正式な情・・・
NEW! Fire TV Stick (New モデル) Amazon (8728)新品: ¥ 4,980 (この商品の現在のランクに関する正式な・・・
NEW! Amazonベーシック ハイスピード HDMIケーブル - 1.8m (タイプAオス - タイプAオス) Amazonベーシック(AmazonBasics)・・・
NEW! Amazon Echo (Newモデル)、チャコール (ファブリック) Amazon 新品: ¥ 11,980 (この商品の現在のランクに・・・
NEW! Anker PowerCore 10000 (10000mAh 最小最軽量 大容量 モバイルバッテリー) iPhone&Android対応 *2018年・・・
NEW! mineo エントリーパッケージ au/ドコモ対応SIMカード データ通信/音声通話 (ナノ/マイクロ/標準SIM/VoLTE) ケイ・オプティコム (1・・・
NEW! Amazonベーシック Apple認証 ハイクオリティー ライトニングUSB充電ケーブル 小型ヘッド設計 ホワイト 約90cm Amazonベーシック(Am・・・
NEW! 【防水進化版 IPX6対応】SoundPEATS(サウンドピーツ) Q30 Bluetooth イヤホン 高音質 [メーカー1年保証] 低音重視 8時間連続再生・・・
NEW! Apple AirPods 完全ワイヤレスイヤホン Bluetooth対応 マイク付き MMEF2J/A Apple(アップル) (359)新品ʍ・・・

コメント

  1. nobu より:

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

  2. 時代屋 より:

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