0

メディア クエリ コードを別の場所からコピーしましたが、これは問題なく動作しますが、自分のプロジェクトに組み込むとうまくいかないようです。

以前のスタックオーバーフローの質問を見て、次のような修正またはテストを実装しようとしました。

不要な背景色を適用してメディアクエリが機能しているかどうかを確認しますが、失敗します。また、ビューポート メタタグを必ず追加しました。

これが私のメディアクエリです

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) { 

body { margin: 5px; width: 5px; }

.testimonial {

            background-color: black;
        }


 }

ライブページはここで見ることができます (証言をクリックし、写真をクリックしてください): http://krmmalik.com/me/

更新:同僚と話したところ、メディア クエリが機能しない理由は、証言のコンテンツが iframe に読み込まれており、その時点でメディア検出が行われていないためだと彼は考えているようです。

4

1 に答える 1

1

私はこれを試しましたが、完全に機能します。
最大幅を 479px にする必要があるのに、なぜ本文の幅を 5px に設定するのですか?

@media screen and (max-width: 479px){
   body { 
     margin: 5px;
   }
   .testimonial {
     background-color: #000;
   }
 }
于 2012-08-28T16:57:30.947 に答える