html - 更改移动用户的文字大小

Question

使用 fullpage.js，我创建了一个“幻灯片”页面，在浏览器中看起来很棒，但在 iPhone 上它不会缩放文本以适应屏幕(而且它也不可缩放)。

It ends up looking like this

在 css 文件中，我将字体设置为 1.2em，有没有办法使此文本在 iphone 上放大到更易读的大小？

如果您想在手机上查看:

link to example

非常感谢

Answer 1

对于每个分辨率，您可以设置不同的 css 含义。例如

@media screen and (max-width: 300px) {
    body {
        background-color:lightblue;
    }
}

这意味着如果分辨率不超过 300，它将为正文使用不同的背景。如果您不想将所有内容都放在同一个 css 中，那么您可以这样链接:

<link rel="stylesheet" type="text/css" href="tablets.css"  media="screen and (min-width: 600px) and (max-width: 800px)">