O
А еще vh и vw
Size: a a a
2021 February 24
K
ORT
А еще vh и vw
в целом vh и % почти всегда одинаковые. Но иногда разницу замечал, лучше доку чекнуть в чем точно отличия. Точно знаю что это удобно что бы в ширине использовать высоту, для квадратных приколов или т.п.
K
ну и vw cоответственно тот эе фокус
V
у vh и vw есть прикол в размазывании картинок
K
это не прикольно
V
для фонов можно для картинок нет
K
а с чем это связано?
V
дать 100% блоку и картинке object-fit: cover считаю лучшим решением
K
странно чо размывает, интересно прост почему)
V
а с чем это связано?
растягивает же
OT
Vladimir
можешь показать как это сделать в кодепен?
window.addEventListener('resize', function(event){
твой код, который выполнится при любом изменении размера окна браузера
});V
он тебе тупо растянет изображение
K
ну на ту же ширину
K
или типа уже отрендеренное
V
window.addEventListener('resize', function(event){
твой код, который выполнится при любом изменении размера окна браузера
});запихнуть слушателя в условие7
K
после отрисовки
V
ну на ту же ширину
vw vh использовать лучше только для фонов и то аккуратно, я уже эксперементировал с ними
V
мажутся мелкие детали размывается все
V
для изображений адаптивных специально придумали object- fit
V
все остальное балавство шириной и высотой не адаптивное изображение, есть еще чудаки которые пдэддингами в изображениях балуются