使用 css/zurb-foundation 设置全站最小值

Set minimum sitewide with css/zurb-foundation

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

正确的做法是什么?

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

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

"medium" 媒体查询在 window 宽度大于或等于 40.0625em (641px) 时启动,因此您必须将它们更改为 43.813em (701px)

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

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