СМИ Запросы против стрте: окно -внутренняя трубка - какая из них лучше создать отзывчивый пользовательский интерфейс в S ⇐ CSS

[Anonymous]

При создании адаптивной веб -страницы с использованием Sveltekit я обнаружил два способа рендеринга разных пользовательских интерфейсов в зависимости от ширины устройства: Media Queries и Bind: innerwidth с помощью SVELTE: Window .
Медиа -запрос, по -видимому, очень широко используется в разработке веб -пользовательского интерфейса. Согласно ширине устройства, мы устанавливаем свойство Display CSS None или другие. С отображением: нет , элемент исчезает из представления. Таким образом, мы можем привязать размер окна с переменной, а затем использовать значение в . Тогда мы можем условно отображать элементы, используя if блоки. Какой путь лучше в двух аспектах: оптимизация и чистый код? Учитывая более подробную информацию, у нас есть многочисленные способы создания адаптивного дизайна, и какой путь вы решите достичь этого?

Подробнее здесь: https://stackoverflow.com/questions/794 ... to-build-a