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

Question

据我的客户说，this page I made for him出现了＆＃34;放大＆＃34;当他第一次在他的智能手机上观看时（虽然不在我的智能手机上），迫使他缩小。

在我使用的元标记中：

<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值。