Следующий медиа-запрос, предназначенный для изоляции CSS в iphone 5 и 5s, вступает в силу для 6, 6+ и т. Д. При тестировании на Chrome в мобильном режиме.
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2)
У меня нет фактического устройства или Mac для имитации фактического устройства, поэтому я не уверен, что запрос недостаточно конкретен или инструменты разработчика в chrome делают тест недействительным.Будет ли это работать на реальных телефонах или это повлияет на 6,7,8+, как в Chrome?