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

Question

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

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

任何想法将不胜感激。

更新:

这是我发现适用于许多设备的方法:

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

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

Answer 1

确保您已声明移动视口(viewport)。

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