почему режим отладки chrome для мобильных устройств устанавливает ширину html-файла гораздо больше, чем ширина устройства?

Question

У меня есть элемент изображения в html теле, ширина которого 440 пикселей, а высота 840 пикселей.Все работает, как и ожидалось, пока я не открою режим отладки Chrome для имитации его отображения на мобильном устройстве.

снимок экрана с шириной тела

Как показано на снимке экрана, симулятор предполагаетШирина 375 пикселей.Но как-то стало 964 пикселей шириной.Там нет никакого дополнительного сценария CSS или сценария JS там.Простой HTML-код с одним изображением. Снимок экрана с шириной изображения

Answer 1

Согласно вашему скриншоту, Chrome показывает правильный размер устройства, который составляет 375 x 812. Было бы лучше, если бы вы нажали img на своем скриншоте.Так что не совсем уверен, что вам нужно.Похоже, проблема с изображением.Если ширина вашего изображения составляет 440 пикселей, попробуйте это в вашем CSS.

@media (max-width: 480px) {

 body img{
   max-width: 100%;
 }

}