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

【问题标题】：Increase fonts for mobile devices with Zurb Foundation使用 Zurb Foundation 增加移动设备的字体
【发布时间】：2015-08-24 15:17:07
【问题描述】：

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

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

任何想法都将不胜感激。

更新：

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

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

但它并未涵盖所有内容，例如三星 Galaxy II 设备，其字体保持较小。

【问题讨论】：

【解决方案1】：

似乎从移动优先开始是要走的路。所以在我的 css 中，这样的东西适用于小型设备：

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

【讨论】：

【解决方案2】：

确保声明了移动视口。

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

【讨论】：