@media屏幕和（最小寬度）不起作用

Question

我嘗試在窗口大於1205px時向div中添加邊距，但是問題是當瀏覽器更大時，即使我使用<meta name="viewport" content="width=device-width, initial-scale=1.0"> 。 任何建議如何解決或我做錯了什么？

 @media screen and (min-width: 1205px) { .map-container { margin-top: 71px !important; } } 

 <div class="map-container"> <div id="map" style="width: 100%;height:400px">Map</div> </div> 

Answer 1

您的map-container {...}位是錯誤的。

如果您的地圖容器是一個ID（即<something id="map-container"> ），請將其更改為#map-container {...} ，如果它是一個類（例如， <something class="map-cotainer"> ），改為將其更改為.map-container {...}。

我的答案解決了您的問題嗎？ 請確保將其標記為已接受，以幫助其他遇到相同問題的人。