Недавно я попытался загрузить на свой телефон разрабатываемый инструмент, который размещается внутри, где я работаю.
Несколько вещей не оправдались, что я ожидал.Но один конкретный элемент казался необычным.
В конце концов я загрузил страницу в Chrome на MacBook Pro и использовал функцию «Панель инструментов устройства», чтобы отобразить ее в браузере рабочего стола, как на телефоне.Чтобы сохранить конфиденциальность частного приложения, я продемонстрирую на Google.com.Вот что я вижу:
Это элемент body, выделенный синим цветом.Элемент html такой же.
Это то, что я вижу в своем приложении, и объясняет, что я вижу, когда на самом деле использую свой телефон.
Я не могу, дляЖизнь меня, понять, почему эти элементы выбрали этот размер.Для этих элементов нет явной «ширины», нет «максимальной ширины» и т. Д. Ничто из того, что я вижу, не должно вызывать такое поведение.
Кто-нибудь может объяснить это поведение?
ОБНОВЛЕНИЕ
Похоже, что с Dev Tools есть странное поведение.Правильное мобильное тестирование, вероятно, не должно проводиться таким образом (не стесняйтесь передумать, Google ...), но проблема в том, что иногда элемент body не растягивается, чтобы вместить его содержимое.