ОБСУЖДЕНИЕ

адаптация веб диза

11 сообщений0 просмотровОткрыта
#1
Подскажите как адаптировать веб дизайн под мобильные устройства,что бы было чики пуки!??
#2
CSS
/* --- Оптимизация для разрешений меньше 800 px --- */
@media only screen and (max-width: 800px) {
.wrp { padding: 0; }
.body { border-radius: 0; }
.foot { padding: 20px; }
.soc_links > .title { display: none; }
.soc_links > a { margin-left: 0; margin-right: 6px; }

h1, .h1 { font-size: 1.4em; }
h2, .h2 { font-size: 1.3em; }
h3, .h3 { font-size: 1.2em; }
h4, .h4 { font-size: 1.1em; }
h5, .h5 { font-size: 1.0em; }
}


Это пример. Кидаешь все правила(классы) в между @media only screen and (max-width: 800px) { } и меняешь под размер телефона. В моем случае те которые имеют меньше 800px.
#3
кто может,мне готовый пример скинуть,что бы всё гуд отблагаларю!
#4
кто напишет готовый код я его сделаю Багатым подскажите как оптимизироватьпод мобильные устройства
#5
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
#6
да нет такого кода, что написал строку и готово.) каждый дизайн индивидуален.) твой , который я видела, не простой, поэтому и отказалась.)
Тебе на фриланс надо, тут наврятли такие люди будут.
#7
Что завтра не кто не сможет мне сделать дизайн оптимизировать под устройства? заплачу! пишите в личку
#8
Bootstrap тебе в руки
#9
нужно оптимизировать дизайн кто может?
#10
KruShuTel, Что за дизайн? Ссылку в лс сайт
#11
SsTeam, https://teslya-show.ru