работает нормально, но не 
а также 
(пробовал в Chrome и Firefox).
Адаптивный Amazon.com выглядит 
в моем телефоне.
Почему они не реагируют в моем браузере Chrome/Firefox на рабочем столе?
1
2 ответа
1
Именно по-разному эти сайты реализуют адаптивный дизайн. StackOverflow превращается в мобильный вид после того, как окна меньше. Но amazon.de, например, реагирует не на изменение размера окна, а на изменение пользовательского агента браузера. Я только что установил в своем дополнении Chrome, чтобы изменить пользовательский агент и изменил его на какой-то универсальный пользовательский агент браузера Android. Затем перезагрузил сайт amazon.de и он превратился в мобильную версию - не имеет значения размер окна.
Таким образом, некоторые сайты не полностью реагируют на изменение размера окна. Некоторые также проверяют, действительно ли вы находитесь на мобильном устройстве, посмотрев на пользовательский агент браузера, поэтому простое изменение размера окна не позволит вам увидеть, есть ли мобильная версия, а некоторые реагируют только на изменение пользовательского агента, не имеет значения Размер окна до тех пор, пока ваш пользовательский агент говорит: «Я мобильный браузер».
Обратите внимание, что Amazon превращается в мобильную версию без изменения URL-адреса. Нет ни m.amazon.de ни amazon.de/m/ , это все еще amazon.de . Так что это не другая страница, это все же адаптивный дизайн - просто он реагирует на нечто большее, чем просто изменение размера окна, он проверяет пользовательский агент, чтобы определить, является ли браузер мобильным.
0
Режим устройства включен. Попробуйте CTRL+SHIFT+M, чтобы отключить его.
https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_Mode https://developers.google.com/web/tools/chrome-devtools/device-mode/ для получения дополнительной информации.