更改移动用户的文字大小

Question

使用 fullpage.js，我创建了一个 'slides' 页面，在浏览器中看起来很棒，但在 iphone 上它不会缩放文本以适合屏幕（而且它不是可缩放）。

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

如果您想在 phone 上查看：

非常感谢

Answer 1

您可以尝试 CSS3 "vw"。它支持与视口相关的新尺寸。

div
{
    font-size: 3.2vw;
}

Answer 2

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

Answer 3

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

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

这意味着如果分辨率不超过300，它将使用不同的主体背景。如果你不想让所有东西都一样 css 那么你可以 link 像这样：

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

Change text size for mobile users