移动版网站在启动时放大答案

【问题标题】：Mobile version of website is zoomed in on launch移动版网站在启动时放大
【发布时间】：2019-10-19 07:55:29
【问题描述】：

当我的网站 (www.missnisaa.com) 在移动设备上启动时，页面会放大。用户需要捏合才能获得正确的比例。如何在发布时获得正确的比例？

我尝试将初始比例，最大比例和最小比例更改为各种数字，但无济于事

这是当前代码：

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="HandheldFriendly" content="true">

我也尝试过更改 css。当前代码：

/*------------------------------------------------------------------------------------------------------*/
/*Mobile*/
/*------------------------------------------------------------------------------------------------------*/

/* Portrait and Landscape */
@media only screen
  and (max-width: 768px)
  and (-webkit-min-device-pixel-ratio: 1) {
html {
 -ms-text-size-adjust: none;
 -webkit-text-size-adjust: none !important;
}

无论移动浏览器如何，页面始终会放大。我只在 iOS 上测试过，因为我没有要测试的安卓手机。

【问题讨论】：

标签： css wordpress mobile responsive-design

【解决方案1】：

我删除了该行，除了 safari 上的异常和横幅图像和文本现在向左挤压之外，没有任何变化。

我也试过

width: 100% !important;

但这也不起作用。

【讨论】：

【解决方案2】：

width: 768px !important; 在body 的 CSS 规则中有 width: 768px !important;（在低于 768 像素的媒体查询中）。所以你的内容对于智能手机来说总是太宽，这就是为什么你的 iPhone 显然会放大太宽的机身以适应屏幕。只需删除它 - 默认的 auto 宽度为 100%，这是响应式网站所需要的。

【讨论】：