当我的网站 (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 上测试过,因为我没有安卓手机可以测试。
最佳答案
width: 768px !important;
在 body
的 CSS 规则中(在低于 768px 的媒体查询中)。所以你的内容对于智能手机来说总是太宽了,这就是为什么你的 iPhone 显然会放大太宽的机身以适应屏幕。只需删除它 - 默认的 auto
宽度是 100%,这是响应式网站所需要的。
关于css - 移动版网站在启动时放大,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56432808/