@media画面（最小幅）が機能しません

Question

ウィンドウが1205pxより大きい場合にdivにマージンを追加しようとしましたが、ブラウザが大きくなるとマージンがマップコンテナに追加されません私は<meta name="viewport" content="width=device-width, initial-scale=1.0">を使用します。どのように修正するか、私が間違っていることをお勧めしますか？

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

<div class="map-container"> 
 
\t <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">）の場合はマップコンテナ{...}に変更してください。

私の回答があなたの問題を解決しましたか？同じ問題を抱えている他の人々を助けるために、それを合格とマークするようにしてください。