@media屏幕和（min-width）不起作用

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 {。 ..}而不是。

我的答案是否解决了您的问题？请确保将其标记为已接受，以帮助遇到同样问题的其他人。