嗨,我正在建立一个移动网站,我们最初设计的问题是我们使用480px作为宽度。
现在在手机上对其进行测试后,我意识到它应该是380px。 所以我设法通过使用meta将其修复在chrome上。 当我如下更改初始比例时。该网页将按比例缩小并且非常合适。
<meta
name="viewport"
content="minimum-scale=0.55, initial-scale=0.55, maximum-scale=3, width=device-width, shrink-to-fit=no, user-scalable=no"
/>
页面加载后,有FOUC,并且页面将缩小以适合页面宽度。但这仅适用于android,不适用于IOS。
有人可以帮忙吗?