我想让我的网站在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;
}
}
我只是不确定为什么我的某些页面可以正确缩放（博客），而其他页面（应用程序，联系人）却不能缩放！
最佳答案
尝试这个：
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;
}
}