@media屏幕和(最小宽度)不起作用

Question

当窗口大于 1205px 时，我尝试向div 添加边距，但问题是当浏览器更大时，即使我使用<meta name="viewport" content="width=device-width, initial-scale=1.0">，边距也不会添加到 map-container 中。任何建议如何解决或我做错了什么？

@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 {...}。

我的回答解决了你的问题吗？请确保将其标记为已接受，以帮助解决相同问题的其他人。