Question

我希望我的网站在ipad和iphone上使用手机游戏都很完美。目前在某些页面上景观看起来很棒，但是如果你将设备更改为肖像，整个网站都会放大。我使用的是移动特定样式，但我该如何解决这个问题呢？

不起作用的网页：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;
}
}

我只是不确定为什么我的某些网页可以正确缩放（博客），但其他网页（应用，联系人）却没有！

Answer 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;
}
}

iOS Mobile Safari纵向布局过于缩放

1 个答案: