html - @media screen 和 (min-width) 不起作用

Question

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

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

如果您的 map 容器是一个 id(即 <something id="map-container">)，请将其更改为 #map-container {...}如果它是一个类(即 <something class="map-cotainer"> )，请改为将其更改为 .map-container {...}。

我的回答是否解决了您的问题？请务必将其标记为已接受，以帮助遇到相同问题的其他人。