ios 4 website issue media query или viewport

Question

Я запрограммировал веб-сайт для клиента и теперь разрабатываю шаблон для смартфонов. Я использовал max-device-width в качестве медиа-запроса для разделения смартфона и планшета. Everythng работает нормально, но iphone 4 увеличивает масштаб веб-сайта. Я не знаю, был ли я установлен неправильно или ошибся? Сайт: http://mksgmbh.com Я использовал следующие Viewport

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, target-densityDpi=device-dpi' name='viewport' /> 
<meta name="viewport" content="width=device-width" /> 

Я попытался установить начальный масштаб 1, но он не работает слишком.

Answer 1

Поскольку я смотрю на сайт, у вас есть mulitple viewport tags. Попробуйте удалить их и заменить их либо

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

или если вы хотите, чтобы предотвратить пользователя трансфокации:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> 

UPDATE
Кроме того, в вас медиазапросы вы используете Max-устройства ширину, например,

@media only screen and (max-device-width: 760px) { 
... 
} 

Если вы не пытаетесь предназначаться для определенных устройств, можно попробовать только

@media only screen and (max-width: 760px) { 
... 
} 

ширина и ширина устройства не то же самое, что и адаптивный дизайн, ширина, как правило, получить результаты, которые вы хотите , This link has some more background info о различиях

Надеюсь, что это поможет!