更改移动用户的文本大小

Question

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

最后它看起来像这样

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

如果你想在手机上查看：

链接到示例

谢谢你

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)">

Answer 2

你可以试试CSS3的“大众”。它支持相对于视图端口的新维度。

div
{
    font-size: 3.2vw;
}

Answer 3

使用媒体查询调整任何真正使您的网站完全响应的大小。