W
cтранно, но теперь она даже центрироваться перестала, а просто сходу за пределы экрана уходит
.banner{
display: flex;
justify-content: center;
width: 1150px;
height: 500px;
}
вот в таком контейнере лежит
Size: a a a
2020 May 24
VV
.banner{
display: flex;
justify-content: center;
width: 1150px;
height: 500px;
}
вот в таком контейнере лежит
display: flex;
justify-content: center;
width: 1150px;
height: 500px;
}
вот в таком контейнере лежит
S
Подскажите как сделать, что бы картинка уменьшалась пропорционально размеру экрана, а не уходила за его границы оставаясь в прежнем размере
Ну так кто за тебя картинке задаст width:100%
W
выше ссылка на кодпен
W
там width: 100%
AE
у тебя жёсткая ширина контейнера и это он уходит за край экрана а картинка внутри него.
дай ему максимальную ширину 100% или 100вх
дай ему максимальную ширину 100% или 100вх
W
Не помогло, даже убрал ширину картинки фиксированную, оставил лишь у контейнера ширину 100%
AE
Не помогло, даже убрал ширину картинки фиксированную, оставил лишь у контейнера ширину 100%
а мне помогло
.banner{
display: flex;
justify-content: center;
width: 1150px;
height: 500px;
max-width: 100vw;
}
.banner img{
width: 100%;
object-fit: contain;
}AE
Не помогло, даже убрал ширину картинки фиксированную, оставил лишь у контейнера ширину 100%
у ширины в процентах есть такой прикол - она может косячить если нет заданной ширины у родителя, но это не тот случай.
s
#ищу нужно выровнять скопировать форму в соседний блок и выронять 3 блока по горизонтали. Страница на геткурсе. Кто может помочь?
RB
#ищу нужно выровнять скопировать форму в соседний блок и выронять 3 блока по горизонтали. Страница на геткурсе. Кто может помочь?
У тебя не получилось? А сколько времени потратил? А код есть на codepen?
W
а мне помогло
.banner{
display: flex;
justify-content: center;
width: 1150px;
height: 500px;
max-width: 100vw;
}
.banner img{
width: 100%;
object-fit: contain;
}о, спасибо, я не так делал
AE
о, спасибо, я не так делал
а как?
W
Делал контейнеру max-width 100% а картинку так и оставил без свойств
W
А тут ты получается width добавил для сжатия и object-fit для пропорции
AE
Делал контейнеру max-width 100% а картинку так и оставил без свойств
дело в том что там снаружи контейнера возможно боди и штмл распи... растянулись и 100% могут не сработать т.к. у них нет заданной ширины.
ну и картинке конечно надо было задать хоть что то по размерам иначе она будет показывать свою родную ширину.
ну и картинке конечно надо было задать хоть что то по размерам иначе она будет показывать свою родную ширину.
W
о, спасибо за такое подробное обьяснение