我用 Zurb Foundation 5 创建了一个全新的 web 元素。在台式机和笔记本电脑上它看起来很棒。我使用 rem
单位作为字体大小。在小型设备上,布局响应迅速,但字体小得多 - 我猜是因为像素密度较高。
Zurb 论坛上提供的解决方案 ( this for example ) 对我不起作用。
任何想法将不胜感激。
更新:
这是我发现适用于许多设备的方法:
@media #{$retina} {
font-size: 200%;
}
但是它并没有涵盖所有内容,例如 Samsung Galaxy II 设备,其字体保持较小。
最佳答案
确保您已声明移动视口(viewport)。
<!-- Mobile Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta class="foundation-mq">
关于css - 使用 Zurb Foundation 增加移动设备的字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30738239/