如何在Zurb基础响应网格中优于px?

时间:2014-08-17 13:08:41

标签: css media-queries zurb-foundation breakpoints

Zurb Foundation媒体查询在em中定义:

$small-range: (0em, 40em); /* 0, 640px */
$medium-range: (40.063em, 64em); /* 641px, 1024px */
$large-range: (64.063em, 90em); /* 1025px, 1440px */
$xlarge-range: (90.063em, 120em); /* 1441px, 1920px */
$xxlarge-range: (120.063em); /* 1921px */

我不明白这是多么好主意。 我必须假设我在这里遗漏了一些东西,我很想知道什么!

如果我想更改正文字体大小,我必须重新计算所有这些,对吧? I'd use PXtoEM.com

通过互联网寻找一个很好的答案,但我没有找到一个......

所以我仍然没有得到它,为什么在这种情况下使用em代替px? (我对css的经验是:如果我没有得到它,那就是我必须学习的东西)

1 个答案:

答案 0 :(得分:0)

我最近使用Zurb的前端框架Foundation介绍了ems。

根据我的理解,ems和百分比导致元素相对于其他屏幕显示尺寸等显示更准确的比例。

有几种转换聊天和计算器可用于将像素转换为ems。

这是一个很好的参考: 不错的输入/输出字段: http://all-markup-news.com/px-to-em/