我在响应式设计类中使用 margin-bottom 时遇到了这个奇怪的问题。例如
HTML
<div class="space-bottom">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque commodo sollicitudin molestie. In lacus purus, posuere non lacus eu, pharetra suscipit arcu.</p>
</div>
CSS
.space-bottom{margin-bottom: 10px}
底部边距为 10px 的“space-bottom”类在移动设备中不起作用。即使我将它插入到一个奇怪的媒体查询中。但是当我将“类”更改为“ID”时
HTML
<div id="space-bottom">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque commodo sollicitudin molestie. In lacus purus, posuere non lacus eu, pharetra suscipit arcu.</p>
</div>
CSS
#id space-bottom{margin-bottom: 10px}
它似乎工作。我什至不需要在媒体查询中插入属性