iOS Mobile Safari 纵向布局过于缩放

Posted 2023-03-12

【中文标题】iOS Mobile Safari 纵向布局过于缩放

【英文标题】：iOS Mobile Safari portrait layout too zoomed

【发布时间】：2011-06-28 16:24:22

【问题描述】：

我想让我的网站在 ipad 和 iphone 上都使用移动 safari 看起来很完美。目前，在某些页面上，横向显示一切都很好，但如果您将设备更改为纵向，整个网站都会被放大。我使用的是移动设备特定的样式，但我该如何解决这个问题？

无法使用的页面：www.zedsaid.com/apps

有效的页面：www.zedsaid.com/blog

CSS：

/* iPhone */
@media only screen and (max-device-width: 481px) 
#header 
  width:860px!important;



/* iPad */
@media only screen and (max-device-width: 768px) 
#header 
  width:860px!important;

我只是不确定为什么我的某些页面（博客）可以正确缩放，而其他页面（应用程序、联系人）却不能！

【问题讨论】：

您是否尝试过在视口标签中使用initial-scale 参数？

你有没有找到解决这个问题的方法？

【参考方案1】：

试试这个：

body * 
-webkit-text-size-adjust: none !important;

或：

/* iPhone */
@media only screen and (max-device-width: 481px) 
#header 
  width: 860px;
  -webkit-text-size-adjust: none;



/* iPad */
@media only screen and (max-device-width: 768px) 
#header 
  width: 860px;
  -webkit-text-size-adjust: none;

【讨论】：

试过了，好像没用。