Я являюсь частью команды, которая разработала приложение портала, которое содержит адаптивный дизайн CSS.Чувствительные точки останова не применяются при использовании мобильного устройства или при использовании панели инструментов устройства в Chrome для имитации этого.
На приведенных ниже снимках экрана показано желаемое поведение при уменьшении области просмотра браузера настольного компьютера:
1053 ширина - далеко от точки останова
Ширина 771 - только за пределами 768 точки останова
767 ширина - только в пределах точки останова и вид в виде одного столбца, показывающий
575 ширина - хорошо в пределах точки остановаодностолбцовый вид, показывающий
На этих четырех экранах показано поведение, которое мы должны видеть, при этом крайняя левая панель исчезает, а крайняя правая панель занимает весь видовой экран ниже ширины экрана 768, но это работает только нанастольные браузеры.Поведение мобильных устройств отображается при включенной панели инструментов устройства:
1053 mobile - дизайн выглядит аналогично
771 mobile - 100% и автоматическое увеличение не включено
767 моб. - внутри точки останова, но масштабирование уже происходит
575 моб. - внутри точки останова, сайт увеличен, а не реагирует
Может ли кто-нибудь помочь мне определить, почему адаптивный CSS, который отлично работает на рабочем столе, не активируется при одинаковой ширине апертуры на мобильном телефоне?Это проблема агента пользователя?