Ширина экрана дисплея Retina не работает на ipad при использовании ширины устройства

Question

В настоящее время я работаю на веб-сайте, где я использовал Retina Ready Coding. Дисплей сетчатки (новый iPad) имеет разрешение 2048 x 1536 пикселей, в то время как общий iPad/Tab имеет разрешение 1024x768 пикселей. В соответствии с законом сетчатки, Всякий раз, когда я использовал ширину ширины тела/контейнера 1536px в

@media only screen and (min-device-width: 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { body{ width: 1536px !important; }, .container{ width: 1536px !important; } }.

Это должно AUTOFIT ширину: 1536px в 768px (как его пиксель-отношение-2). Но он показывает весь сайт в iPad. Всякий раз, когда я касался iPad, он поместился в 768 пикселей с шириной 1536 пикселей. У кого-нибудь есть решение? Я столкнулся с такой же проблемой для мобильного устройства Retina.

Answer 1

проблема решена !!!

Я должен использоваться этот мета-тег

<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=1" />

Благодарю вас,

Answer 2

У вас установлен видовой экран с использованием метатег? это поведение похоже на метатег viewport. Попробуйте изменить/добавление параметров видовых экранов с этим мета-тег:

<meta name="viewport" content="width=device-width"> 

или это:

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

или оба:

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

также проверить this link for объяснения