Обучение/Помощь новичкам | помогите :(
Приветули, гайз, тут странная проблемка.
Суть в том, что получилось в точности до наоборот чего я добивался.
А именно большой контент с телефона, маленький с пк.
Получилось наоборот.
Скрины прикреплю ниже.
Нужна помощь, как сделать контент "больше" на телефоне?
Кто поможет, копеечку на кош и + в анкету.
код css:
________
посл. ред. 30.07.2016 в 12:16; всего 2 раз(а); by ecos
Суть в том, что получилось в точности до наоборот чего я добивался.
А именно большой контент с телефона, маленький с пк.
Получилось наоборот.
Скрины прикреплю ниже.
Нужна помощь, как сделать контент "больше" на телефоне?
Кто поможет, копеечку на кош и + в анкету.
код css:
body {
background: #333;
margin: 0 auto;
padding: 0;
font-size: 20px;
font-family: 'Cuprum',sans-serif;
}
background: #333;
margin: 0 auto;
padding: 0;
font-size: 20px;
font-family: 'Cuprum',sans-serif;
}
________
посл. ред. 30.07.2016 в 12:16; всего 2 раз(а); by ecos
С телефона (все выглядит маленьким, именно это и нужно исправить)
попробуй max-width 100% задать
[sukurich] (30.07.2016 в 12:19)
попробуй max-width 100% задать
попробуй max-width 100% задать
секунду.
ecos , Для реализации адаптивного дизайна обычно используются CSS3 Media Queries. В зависимости от размера экрана, пользователь будет видеть разную картинку:
@media screen and (max-width: 1600px) {
div.for-example {width: 1500px;}
}
@media screen and (max-width: 1280px) {
div.for-example {width: 1100px;}
}
@media screen and (max-width: 1024px) {
div.for-example {width: 980px;}
@media screen and (max-width: 1600px) {
div.for-example {width: 1500px;}
}
@media screen and (max-width: 1280px) {
div.for-example {width: 1100px;}
}
@media screen and (max-width: 1024px) {
div.for-example {width: 980px;}
pirlo (30.07.2016 в 12:30)
ecos , Для реализации адаптивного дизайна обычно используются CSS3 Media Queries. В зависимости от размера экрана, пользователь будет видеть разную картинку:
@media screen and (max-width: 1600px) {
div.for-example {width: 1500px;}
}
@media screen and (max-width: 1280px) {
div.for-example {width: 1100px;}
}
@media screen and (max-width: 1024px) {
div.for-example {width: 980px;}
ecos , Для реализации адаптивного дизайна обычно используются CSS3 Media Queries. В зависимости от размера экрана, пользователь будет видеть разную картинку:
@media screen and (max-width: 1600px) {
div.for-example {width: 1500px;}
}
@media screen and (max-width: 1280px) {
div.for-example {width: 1100px;}
}
@media screen and (max-width: 1024px) {
div.for-example {width: 980px;}
Это куда прописывать? в бади или просто?
ecos , конечно же в css
pirlo , Сайт перестает работать.
Вставлял за пределы {}
Вставлял за пределы {}
Стр.: 1, 2