css - 使用 css/zurb-foundation 设置最小站点范围

Question

在我的一个网站上，我使用 ZURB foundation 进行布局，因为它确实有助于使网站响应，但是，我需要将绝对最小宽度设置为 700px。这意味着浏览器不应在屏幕小于 700px 后进行任何缩放。

正确的做法是什么？

非常感谢任何帮助或指导。

Answer 1

对于小屏幕尺寸，Foundation 使用 40em 的最大宽度，相当于 640px。在基础 css 文件中，您需要找到定义 40em 的 max-width 的所有媒体查询实例，并将值更改为 43.75em ，转换为 700px。为了保持一致性，我建议坚持使用 em。

“中等”媒体查询在窗口宽度大于或等于 40.0625em (641px) 时启动，因此您必须将它们更改为 43.813em (701px) )。

这里有一篇有趣的文章解释了为什么 Foundation 使用 em 以及为什么通常使用它是个好主意:Zurb em use

另一个允许您将 em 转换为 px 的网站，反之亦然:px to em conversion