Css 关于章节响应性页边距的一般建议

我正在建设一个快速响应的网站。它基本上有

，这些都是叠在页面下面的。被

等分解

我真的很想知道什么是设置页边空白的最好方法，这样章节和页眉就不会显得太近、太拥挤了。我尝试了以下方法：

使用px设置边距，然后写入媒体查询，以便在屏幕变小时进行调整

使用（em）设置边距我在视频中看到过这种方法，这是推荐的吗

使用%设置边距。还是不确定这是否是最好的

我现在需要重构我的CSS并做出下一步的决定

非常感谢您的帮助。 皮特

移动第一媒体查询目前效果最好，因为随着屏幕尺寸变小，您的工作量总是越来越小

很像

media screen and (min-width: 320px) {}
media screen and (min-width: 769px) {}

不要过多地使用ems，它们是相对于它们的父层的，如果你在级联中走得太深，就不可能找到它，我相信现在所有的浏览器都支持rem

%对于设置宽度来说是很好的，我的意思是，我认为屏幕尺寸太大时，边距不必太小或太大，但我认为带备份px设置的rem是最好的

---

您必须查看视口元数据：

<meta name="viewport" content="width=device-width, user-scalable=false;">

有关Mozilla开发人员的更多信息：