Проблема - Мобильная верстка, viewport, iPhone

[MageMerlin]

Всем добрый день. Следующая проблема:

 

Верстаю сайт http://bitportal.mobi/ под моб устройства. Указываю тег

<meta name="viewport" content="width=480, target-densitydpi=device-dpi">

и на андроиде 480*800 все работает ок, а на айфоне (тестировал в сафари на iPod touch 4gen) - сайт зазумленный. 

 

На сколько я смог нагуглить - проблема в том, что у айфона 

 

Есть пресловутый devicePixelRatio, который для iPhone4+ равен 2. И при вьюпорте равным ширине устройства как раз и получаем 480/2=240 пикселей. Они и только они влезут в экране без зума.

Но вот что делать с проблемой - нагуглить не смог

 

Плиз помогите, как заставить айфоновский сафари отображать без зума страничку

[MageMerlin]

Все, спасибо, разобрался. Указал так

<meta name="viewport" content="width=480px, initial-scale=0.65, minimum-scale=0.65,maximum-scale=0.65, user-scalable=yes" />

Первый параметр - согласно макету исходному (его ширина)

2, 3 и 4 - подобрал методом тыка чтобы масштабировалось на айфоне корректно

5 - чтобы параметры 2-4 применялись для андроида (согласно документации, если он не указан - то параметры не применяются). Ну и вообще его всегда надо разрешать, а то мало ли

 

При лэндскейп развороте оно не увеличивает, а резинит

[npofopr]

http://vstarkov.ru/respronsive-tips/