基础5响应式设计布局

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

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

来源

2014-10-02 Ahmad Badawi

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

如果您的页面内容自然需要像时尚一样的网格显示，那么网格很有用。

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

来源

2014-10-08 12:19:12 GuyH

我想我得到了我的答案，但只是为了澄清：我有时会购买使用** foundation **或** bootstrap **构建的html/css主题，并注意几乎每个元素或块都使用* *网格系统**实现大部分响应要求。我只是认为这有时不合逻辑，导致不必要的代码膨胀，并且不是那种语义上的开始。 PS：我想我确实试着首先添加css标签，但作为第一个计时器，我被告知我需要使用这个标签的声望。或者它可能是另一个标签，让我忘了重新添加css标签 – 2014-10-08 22:40:20

我同意你关于代码膨胀的框架，他们做了其他不好的事情......像Bootstrap修复字体大小，以便人们视力差只能在IE浏览器中进行文字缩放 - 对辅助功能不利。在您登陆首页的那一刻，您也可以识别引导站点 - 它们看起来都很相似！但是有几个简单的网格系统，你可以在这里遵循所解释的原则，并复制你想要的网格大小的代码。只需谷歌的“CSS响应网格”。 – GuyH 2014-10-14 11:47:32

基础5响应式设计布局

回答

相关问题