LINUX.ORG.RU

Проблемы при использовании vw для конвертинга изображений

 ,


0

1

Встал на путь изучения web.Пока тычу в html/css. Пытаюсь сделать адаптивный сайтик галерею, по 3 изображения в ряд, изображения должны обрезаться до квадрата. Погуглив как обрезать изображения до квадрата нашел вариант с использованием vw для высоты и ширины изображения(вариант показался мне гораздо более интересным чем 3 вложенных дива, или как еще некоторые писали что без js нельзя).

Проблема в том что изображений в ряду получается 2. И не совсем понятно от какого элемента он вообще считает ширину. Будьте добры помогите.

Собственно сам сайт - https://codepen.io/kovalev94/pen/wZzKyB

старайся при адаптивной верстке использовать проценты

img {
width: 32%;
height: 30vw;
object-fit: cover;
margin: 1px;
}

bass ★★★★★
()

Имей в виду, что 100vw будет больше ширины вьюпорта на десктопах из-за скроллбаров. Комитет так проектирует, как всегда.

Возможно тебя также заинтересует display: flex.

anonymous
()
Ответ на: комментарий от bass

Можешь объяснить почему? Я так понял что vw и vh это также величины равные n% от ширины или длины соответственно.

kovalev_94
() автор топика
Ответ на: комментарий от anonymous

100vw будет больше ширины вьюпорта

Выгоните уже этих дебилов, скативших мой веб в сплошное говно, на мороз.

h578b1bde ★☆
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.