Автор Александр Загорец задал вопрос в разделе Другие языки и технологии
Растягивание фона в HTML и получил лучший ответ
Ответ от Дмитрий Царь[гуру]
background-size: contain;
Ответ от Artem Marakovsky[новичек]
Уменьшить еще больше ты никак не сможешь, ибо ширина становится меньше чем высота. Могу предложить чтобы картинка уменьшалась в размере, а не адаптировалась.
@media only screen and (min-width:1200px) {
body{
background:url(bg.jpg)1500px 1150px;
}
}
@media only screen and (min-width:1000px) and (max-width:1200px) {
body{
background:url(bg.jpg)1300px 1150px;
}
}
@media only screen and (min-width:800px) and (max-width:1000px) {
body{
background:url(bg.jpg)1100px 1150px;
}
}
@media only screen and (min-width:600px) and (max-width:800px) {
body{
background:url(bg.png) 600px 400px;;
}
}
Уменьшить еще больше ты никак не сможешь, ибо ширина становится меньше чем высота. Могу предложить чтобы картинка уменьшалась в размере, а не адаптировалась.
@media only screen and (min-width:1200px) {
body{
background:url(bg.jpg)1500px 1150px;
}
}
@media only screen and (min-width:1000px) and (max-width:1200px) {
body{
background:url(bg.jpg)1300px 1150px;
}
}
@media only screen and (min-width:800px) and (max-width:1000px) {
body{
background:url(bg.jpg)1100px 1150px;
}
}
@media only screen and (min-width:600px) and (max-width:800px) {
body{
background:url(bg.png) 600px 400px;;
}
}
Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с ответами на Ваш вопрос: Растягивание фона в HTML
спросили в Relativity
Как зафиксировать и растянуть фон на экране в HTML/CSS?
В стилях для body
body {
margin: 0;
padding: 0;
position: relative;
подробнее...
Как зафиксировать и растянуть фон на экране в HTML/CSS?
В стилях для body
body {
margin: 0;
padding: 0;
position: relative;
подробнее...
Как растянуть фон на весь экран?
Растянуть через CSS - никак (CSS только дублирует) , растянуть можно с помощью JS. В данном примере
подробнее...
спросили в Relativity
Как растянуть img на весь экран, и наложить на него SVG(тег) ?
родитель{
position: relative;
}
ребенок{
position: absolute;
left: 0;
Как растянуть img на весь экран, и наложить на него SVG(тег) ?
родитель{
position: relative;
}
ребенок{
position: absolute;
left: 0;
подскажите как прописать в html что бы фон растягивался но не повторялся
Вот как раз этот вариант самый хреновый для растяжения.
Растянуть-то можно. с помощью
Но
подробнее...
Ответ от 3 ответа[гуру]
Привет! Вот еще темы с похожими вопросами:
Как растянуть картинку по всей ширене,при помощи css
Ну вообще лучше выложить весь код страницы, для более подробного объяснения.
А если вообще
подробнее...