Как правильно оформлять код в less при адаптивной верстке? Из-за

Question

Как правильно оформлять код в less при адаптивной верстке? Из-за

того что я использую вложенности в основной верстке, а в файле с media вложенность меньшая, то приоритет идет стандартным стилям.
Варианты решения которые я вижу:
1) Для каждого media повторить структуру основного сss файла, учитывая все вложенности.
2) Использовать media непосредственно в основном файле(как в прикрепленной картинке)
3) В тупую использовать !important и/или другими костылями придавать вес нужным стилям.

Как делаете вы?

#css #frontend #html #programming #russian

0

16.08.2021

3 ответов

16 просмотров

And Smi

Mark Lansky
лично я отказался от препроцессоров :) ещё важно у...

у тебя наверное поди и фреймворк юзается?))

0

16.08.2021

Mark Lansky

And Smi
у тебя наверное поди и фреймворк юзается?))

так конечно. svelte без фреймворков очень трудно организовывать код, особенно если это что-то больше, чем простой одностраничный ленд

0

16.08.2021

Mark Lansky · Accepted Answer

лично я отказался от препроцессоров :) ещё важно уметь использовать медиа выражения по минимуму, не захламлять и писать в них по минимуму. сейчас всё больше возможностей для написания хороших интерфейсов без медиа если используете второй вариант, то при билде в прод используйте какой-нибудь postcss плагин, который будет собирать все медиа выражения в кучу, чтобы облегчить файл, иначе половина будет состоять из них. хотя возможно less делает это по умолчанию, я не в курсе

169 похожих чатов

Как правильно оформлять код в less при адаптивной верстке? Из-за

3 ответов

Похожие вопросы