我正在制作一個網站，完成后，我收到了申請，@media但遇到了問題。在我的徽標或任何東西上使用后@media，我運行它，但 chrome 沒有檢測到@media. 然后為了解決這個問題，我制作了一個隨機頁腳并應用@media在它上面。我把字體調小了，效果很好。為什么它不適用于正文或標題？<!-- body --><div class="body"><section class="body-left">  <p class="left-text">SEE YOURSELF BY. <br> <span>VANITY FAIR</span></p><video autoplay loop src="img/video.mp4"></video></section><section class="body-right">  <p class="right-text"><span class="quote">"</span><br>I may be a beginner at some things, <br> but I've got a black belt in shopping. <br> — Phyllis Nefler </p><img src="img/female.jpg" alt="sdf" class="female"></section></div><!-- end body --><footer>  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></footer></body></html>在這段代碼中，主體是媒體，在那里不起作用。但我創建的虛擬頁腳在那里工作。奇怪的。}.quote{  font-size: 50px;  font-family:'Playfair Display', sans-serif;}/* body section right */ p{  width: 100%;  height: 30vh;  font-size: 40px;}@media all and (max-width:1000px) {p{  font-size: 20px;}}在此示例中，引用（body-right）上的媒體不起作用p 是虛擬頁腳媒體，正在那里工作沒有錯誤。