使用 Zurb Foundation 增加移动设备的字体

Question

我用 Zurb Foundation 创建了一个全新 web 项目 5. 在台式机和笔记本电脑上看起来很棒。我使用 rem 单位作为字体大小。在小型设备上，布局是响应式的，但 字体要小得多 - 我猜是因为更高的 像素密度 。

Zurb 论坛上提供的解决方案 (this for example) 对我不起作用。

任何想法将不胜感激。

更新:

以下是我发现适用于许多设备的内容：

@media #{$retina} {
 font-size: 200%;
}

然而它并没有涵盖所有内容，例如 Samsung Galaxy II 设备，其字体保持较小。

Answer 1

看起来从移动优先开始是可行的方法。所以在我的 css 中，类似这样的东西适用于小型设备：

@media #{$small-up} {
 font-size: 200%;
}

Answer 2

确保您已声明移动视口。

<!-- Mobile Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta class="foundation-mq">

Increase fonts for mobile devices with Zurb Foundation