• ファビコン 「Arm版Windows 10」ノート実機はiPad Proキラーだった —— 米MSとクアルコムが協力する本当の理由 - BUSINESS INSIDER JAPAN NEW!
  • ファビコン Windows 10ミニTips(239) Ogg形式のサウンドファイルを再生可能に ... - マイナビニュース NEW!
  • ファビコン 初のARM版Windows 10搭載PCとなる「HP Envy X2&ASUS NovaGo」が発表、実機写真も公開 - GIGAZINE
  • ファビコン Microsoft製SSHクライアントを使う - マイナビニュース
  • ファビコン Windows 10新機能「Sets」発表。作業に使う複数アプリを1ウィンドウに束ね、タブ切り替えに - TechCrunch Japan
  • ファビコン 蛭子能収さん、Windows 10クリエイティブ・ディレクターに就任 - PC Watch
  • ファビコン あなたの知らない“Windows 10のメモリ管理”の世界 (1/3) - @IT
  • ファビコン Windows 10次期アップデートは「AirDrop」のような共有機能を追加 (1/2) - ITmedia
  • ファビコン Windows 10でデスクトップ版Skypeが使えなくなる日 - ITmedia
  • ファビコン Windows 10でシャットダウン時に別アカウントが表示される……? - ASCII.jp

記事を読む

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

20170702031813

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

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

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

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

んんんんん

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

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

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

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

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

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

でも違ったwww

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

ここまでで思った事は

サーバーは関係ない

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

iphone6でも7でも同じ

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

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

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

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

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

万歳

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

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

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

参考にしたサイト様です

Simplicityのスマホ表示の際に出現した「謎の余白」。その対処方法に関して書いています。

ブログ管理者などによく売れてる本です

コメント

  1. nobu より:

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

  2. 時代屋 より:

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