Переключение между пейзажем и портретом вызывает проблемы с медиа-запросами

Question

Я сейчас работаю над своим новым сайтом, который является адаптивным.Я настроил два медиазапроса для iPad, один для портрета и один для ландшафтного режима.Они прекрасно работают сами по себе, но не при переключении с портретного на ландшафтное.Это показывает расположение хорошо, но только уменьшенное.С другой стороны это нормально, так в чем может быть проблема?

Я использую шаблон HTML5 для мобильных устройств в качестве основы, на которой уже решена проблема с областью просмотра.Это было первое, что я подумал, что вызвало проблему.

Медиа-запросы:

/* iPads (landscape) ---------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

/* iPads (portrait) ----------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

Также предварительный просмотр доступен на nielspilonwebdesign.nl/dev/niels (Все еще в работе)

Answer 1

Ваша тестовая ссылка не работает прямо сейчас.

Кроме этого, у вас есть (ориентация: портрет) в вашем запросе медиа ландшафта.Кроме того, есть ли причина, по которой вы используете ширину устройства в своих медиа-запросах, а не просто ширину?Я думаю, что ваши медиа-запросы в настоящее время слишком специфичны и связаны с ограничениями устройств, что, вероятно, вызывает странный рендеринг, который вы видите.