强制页面完全显示在任何智能手机上，而无需缩小

Question

据我的客户说，this page I made for him 第一次在他的智能手机上（虽然不是我的）显示“放大”，迫使他缩小。

在我使用的元标记中：

<meta name="viewport" content="width=1050, initial-scale=1,maximum-scale=1">

有没有办法确保页面完全显示在任何智能手机上而无需缩小？

Answer 1

问题出在width=1050 部分。如果移动显示比这窄，页面将被放大。另外，您需要设置一个minimum-scale 值。

尝试：

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

如果您的内容需要为1050px 宽，那么恐怕它还不能用于移动设备。

阅读原始答案的评论后更新

好的，那么您需要更改原始代码中的initial-scale 值。