Странное поведение реагирования с веб-сайтом

Question

Я хотел бы сказать, что я не очень разбираюсь в HTML, CSS и т. Д. Из-за того, что в последнее время я начал читать и изучать их.

Я пытаюсь создать отзывчивый веб-сайт, но когда я думал, что все идет очень гладко, я столкнулся с чем-то, что меня действительно смутило. Когда я просматриваю сайт через свой телефон (640x320 - пейзаж или 320x640 - портрет), сайт выглядит великолепно. Точно как это должно быть. Затем я решил расширить диапазон разрешений экрана. Я использую Google Chrome и функцию «Переключить режим устройства». Когда я просматриваю сайт с помощью «Toggle Device Mode» на 640x320 пикселей или других вариантах, веб-сайт не совпадает с просмотром его с телефона. Чтобы быть яснее, я буду прикреплять фотографии, чтобы вы могли точно видеть, о чем я говорю.

• Когда я просматривал телефон: http://s17.postimg.org/bwybjg84f/Phone.png

• , когда я просматривал режиме Переключение устройства на Google Chrome: http://s17.postimg.org/xgtgdn31b/Computer.jpg

PS: После того, как «Переключить устройство Режим «Я пробовал много других сайтов, которые проверяли отзывчивость вашего сайта, и все показали этот разрыв между двумя разделами. Можете ли вы сказать мне, если я буду беспокоиться или нет? С чего это различие между телефоном и симуляторами реагирования? Это исправление? Если кто-то может мне помочь, я буду очень благодарен. Заранее спасибо.

PSS: Извините за мой английский, но я не являюсь носителем языка.

Answer 1

режима устройства Переключение только изменяет размер вашего окна просмотра веб-сайт делает в.

При просмотре веб-сайте только мобильный телефон, телефон с помощью другого браузера на компьютере, и что браузер кодируется по-разному , В зависимости от того, как он был закодирован, результат может быть другим, поскольку он интерпретирует HTML-страницу по-другому.

Это очень похоже на проблемы, с которыми сталкиваются разработчики, когда их веб-страница совместима с несколькими браузерами (на компьютерах).