Я недавно развернул веб-сайт после тестирования на отзывчивость в инструментах разработчика Chrome, которые правильно отображаются в инструментах разработчика Chrome и на мобильных устройствах в Firefox, но не в Chrome.Вот как это выглядит в инструментах разработчика.
Вот как это выглядит в chrome на мобильном устройстве.
Вы можете видеть, что фоновое изображение исчезло, а изображение заголовка выключено слева.
Я подумал, что это может быть из-за более старой версии Chrome, поэтому мне удалось взглянуть на него на более новой версии Chrome.
Так что на этой более новой версии картинкабольше не слева, но фон все еще отсутствует.
Так что он работает, когда я просматриваю веб-сайт на рабочем столе и уменьшаю размер до мобильного и в Firefox, но ломается в chrome на мобильном.
Я пробовал разные версии Chrome, удаляя и переустанавливая Chrome, используя инструменты разработчика Chrome и Firefox, и я также пытался найти похожие вопросы, на которые уже даны ответы в Stack Overflow, и наиболее похожие ответы, чтобы убедиться, что они есть <meta name="viewport" content="width=device-width, initial-scale=1"/>, который у меня есть, и я даже увидел сообщение о добавлении maximum-scale=1, которое я попробовал.
Поскольку он отлично работает в инструментах разработчика, я слепо пытался и переназначал.