![](https://webcf.waybackmachine.org/web/20210728193337im_/https://habrastorage.org/getpro/habr/upload_files/904/19a/55a/90419a55af448cfe594a926dd7b830e5.png)
Сейчас, когда количество устройств стало бо́льшим, чем когда-либо прежде, мы, разработчики, больше не можем полагаться на область видимости, как единственный фактор, определяющий стилизацию сайта. До недавнего времени мы могли отталкиваться от размера устройства: например, считая, что на мобильных устройствах используется сенсорный ввод, а на устройствах с большим экраном — мышь. И на этом основании с помощь медиазапроса определить вариант стилизации содержимого: