В настоящее время я работаю над веб-сайтом, где я использовал Retina Ready Coding. Дисплей Retina (новый iPad) имеет разрешение 2048 x 1536 пикселей, в то время как обычный iPad/Tab имеет разрешение 1024x768 пикселей. Согласно закону Retina, всякий раз, когда я использовал ширину тела / ширину контейнера 1536 пикселей в
@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; } }.
Это должно автоматически подогнать ширину: 1536 пикселей к 768 пикселям (как его соотношение пикселей-2). Но он показывает масштабирование всего сайта в iPad. Всякий раз, когда я прикасаюсь к iPad, он вписывается в ширину 768 пикселей из 1536 пикселей. У кого-нибудь есть решение для этого? Я столкнулся с той же проблемой для мобильного устройства с дисплеем Retina.