0

Tumblr テーマの CSS と格闘しています。ヘッダー div にセクション クラスがあります。

#header .header .content{
position:relative;
margin:0 auto;
padding:0 2.5rem
display: inline-block;
vertical-align: middle;
}

ウィンドウがセクションのINHERITED WIDTH (516px、Chrome 開発ツールから) よりも 1 ピクセル小さい場合、セクションは非表示になります。これはデスクトップでは問題になりませんが、モバイルで表示されたままにする必要があります。理想的には、100% 幅 + パディングと相対マージンで表示されます。

1) @media クエリのみがこの継承された幅とは異なる値に設定されているため、これがメディア クエリではないことはわかっています。さらに、セクションの幅を絶対的に定義すると、新しく定義された幅で非表示になります。

2) 表示プロパティをインライン ブロックから他のものに変更すると、任意のウィンドウ サイズでセクションが完全に非表示になります。

3) ヘッダー div はそのまま残ります。セクションのみが非表示になります。

4) リンクされた js やその他の css を調べて、クラスに影響を与えている可能性のあるものを探しましたが、何も見つかりませんでした。

助けてください!ありがとうございました!!!

4

0 に答える 0