Есть у меня лендинг и он использует что-то по типу fullpage. При работе с адаптивностью возникла одна проблема, мне нужно, чтобы при расширении 1024x1366(iPad Pro) применялись уже более мобильные стили (это я сделал):
@media screen and (max-width: 1024px)
Но мне также нужно, чтобы при расширении устройства 1024x768(это ноутбук) эти стили не работали, как можно модифицировать этот запрос под эту ситуацию? Пробовал так:
@media screen and (max-width: 1024px) and not (device-height: 768px)
Но он почему-то теперь не работает на iPad Pro.