使用 css/zurb-foundation 设置全站最小值
Set minimum sitewide with css/zurb-foundation
在我的一个网站上,我使用 ZURB foundation
进行布局,因为它确实有助于使网站响应,但是,我需要将绝对最小宽度设置为 700px
。意思是浏览器在屏幕小于700px后不应该做任何缩放。
正确的做法是什么?
非常感谢任何帮助或指导。
对于小屏幕尺寸,Foundation 使用 40em
的最大宽度,相当于 640px
。在 Foundation css 文件中,您需要找到定义 40em
的 max-width
的所有媒体查询实例,并将值更改为 43.75em
,转换为700px
。为了保持一致性,我建议坚持使用 em
.
"medium" 媒体查询在 window 宽度大于或等于 40.0625em (641px)
时启动,因此您必须将它们更改为 43.813em (701px)
。
这是一篇有趣的文章,它解释了 Foundation 为什么使用 em
以及为什么通常使用它是个好主意:Zurb em
use
另一个允许您将 em
转换为 px
的网站,反之亦然:px
to em
conversion
在我的一个网站上,我使用 ZURB foundation
进行布局,因为它确实有助于使网站响应,但是,我需要将绝对最小宽度设置为 700px
。意思是浏览器在屏幕小于700px后不应该做任何缩放。
正确的做法是什么?
非常感谢任何帮助或指导。
对于小屏幕尺寸,Foundation 使用 40em
的最大宽度,相当于 640px
。在 Foundation css 文件中,您需要找到定义 40em
的 max-width
的所有媒体查询实例,并将值更改为 43.75em
,转换为700px
。为了保持一致性,我建议坚持使用 em
.
"medium" 媒体查询在 window 宽度大于或等于 40.0625em (641px)
时启动,因此您必须将它们更改为 43.813em (701px)
。
这是一篇有趣的文章,它解释了 Foundation 为什么使用 em
以及为什么通常使用它是个好主意:Zurb em
use
另一个允许您将 em
转换为 px
的网站,反之亦然:px
to em
conversion