На моем веб-сайте есть изображения, которые следует обрезать, а не изменять их размер при изменении ширины экрана. Я добавил в контейнер изображения следующий CSS:
Код: Выделить всё
`width: 540px;
height: 767px !important;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;`
Изображения, выровненные по правому краю, правильно обрезаются по правой стороне. Но изображение, выравниваемое по левому краю при изменении размера экрана, прилипает к левой стороне экрана и обрезается справа вместо сохранения положения и обрезки с левой стороны.
https://www.loom .com/share/0b91db7131db4b039eef55afa7d8420f
Изображение CSS
Контейнер изображений CSS
Как я могу добиться этого изображение сохраняет положение и обрезается слева?
Подробнее здесь:
https://stackoverflow.com/questions/781 ... ing-screen
Мобильная версия