Css 使用Zurb基金会增加移动设备字体

我用Zurb基金会创建了一个全新的web项目。在台式机和笔记本电脑上，它看起来很棒。我使用

rem

单位表示字体大小。在小型设备上，布局响应迅速，但字体要小得多，我想是因为像素密度更高

Zurb论坛上提供的解决方案（）对我不起作用

任何想法都将不胜感激

更新：

以下是我发现的适用于许多设备的方法：

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

---

然而，它并没有涵盖所有内容，例如三星Galaxy II设备，因为它的字体很小。

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

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

---

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

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

---

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

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

---

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

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

---

确保已声明移动视口。

---

确保已声明移动视口。

---

确保已声明移动视口。

---

确保已声明移动视口。