Bymas | Как сделать?

Топ дня:

AdRed

Как сделать в style.css подгон под смарт и ПК дизайн?

https://tproger.ru/translations/responsive-web-design-tips/
Гугл очень хорошая вещь.

А точнее как?

ee_vados, Bootstrap в помощь

Написать в ручную код.

Написать свои правила отображения на каждом из устройств.

Например:

@media screen and (max-width:480px) {

/* Ниже описываем правила отображения на мобильных устройствах */

}



@media screen and (min-width:480px) {

/* Ниже описываем правила отображения на мобильных устройствах с расширением повыше */

}



@media screen and (min-width:768px) {

/* Ниже описываем правила отображения на планшетах */

}



@media screen and (min-width:1024px) {

/* Ниже описываем правила отображения на мониторах */

}



@media screen and (min-width:1366px) {

/* Ниже описываем правила отображения на мониторах */

}



@media screen and (min-width:1920px) {

/* Ниже описываем правила отображения на мониторах */

}





@media screen and (min-width:2560px) {

/* Ниже описываем правила отображения на 4К мониторах */

}

________
посл. ред. 30.08.2020 в 10:19; всего 1 раз(а); by Severus