基础5响应式设计布局

Question

在处理网格系统时，我无法正确地使用基础5 创建响应式设计。

是否必须使用网格系统设置列宽？ 更清楚的是，页面上的每个元素是否需要为每个宽度（小，中，大）提供多个列才能使网站真正响应？或者，以％和ems以及简单的显式媒体查询设置宽度是否足以实现该目标？

Answer 1

我对基金会5一无所知，但原则上，不，你甚至根本不需要网格系统来做出回应。正如您所怀疑的那样，用于重新排列您想要移动到不同大小屏幕的元素的媒体查询将使任何页面响应。是的，设置em单位或％年龄 - 特别是媒体查询断点。

如果您的页面内容自然需要以类似网格的方式显示，则可以使用网格。

顺便说一下，如果你正确标记它，你可能会更早得到答案。响应式设计使它成为一个CSS问题，所以它需要一个CSS标签！我碰巧看到了这个，因为我正在寻找别的东西。