モバイルデバイス用CSSの配置

Question

マイページはデスクトップブラウザでは正しく表示されますが、モバイルデバイスでは表示されません。 URLは[質問解決後に削除されます]。左上のロゴは絶対に配置されています。ヘッダーの下のdivも絶対的にleft: 0と位置付けられます。現在div#pageにはposition:relativeがありますが、多くのラッパーdivに相対位置を入れてみました。私はまた、個々のPHPファイル（例えば、header.php、body.php）にPHP出力バッファを持っています。

スライドショーでは、jQuery Cycleプラグインを呼び出し、絶対位置と相対位置を宣言するWordPressプラグインを使用しているため、相対的なものと絶対的なものについて混乱を招く可能性があります。しかし、私は、すべての組み合わせの中で要素に相対的な絶対的な位置を付けることを試みましたが、まだ運がなかったのです。

p.s.私はCSSが混乱していることを知っています。私は、このポジショニングの問題を見つけた後、リファクタリングを行います。

Answer 1

携帯電話のサイズに影響する特定のブレークポイントに次のCSSを追加するようなメディアクエリがあるようです。

#main #content { margin: 0 7.6%; width: auto; }

あなたはそれは私たちがより良い答えを与える役立つモバイル版が間違っていると感じ、まさに明確にすることができれば。あなたは、スライダ画像の下でバンプする記述テキストを探していますか？