@media Bildschirm und (min-width) funktioniert nicht

Question

Ich versuche, Rand zu div hinzufügen, wenn Fenster größer als 1205px ist, aber das Problem ist, wenn der Browser größer ist, wird der Rand nicht zu Karte-Container nicht sogar hinzufügen wenn ich <meta name="viewport" content="width=device-width, initial-scale=1.0"> benutze. Irgendwelche Vorschläge zur Behebung oder was mache ich falsch?

@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

Ihr map-container {...} Bit ist falsch.

Wenn Ihre Karte-Container ist eine ID (das heißt <something id="map-container">) ändern, die #map-container {...} und wenn es eine Klasse ist (das heißt <something class="map-cotainer">) ändern zu-Container .map {...} statt.

Hat meine Antwort Ihr Problem gelöst? Bitte stellen Sie sicher, dass Sie es als akzeptiert markieren, um anderen Personen mit dem gleichen Problem zu helfen.