Мобильная версияЯ заблудился!! Не могу понять, как запретить браузеру добавлять пробел сверху/снизу области изображения. Хотите, чтобы высота автоматически соответствовала 20% вертикальной области браузера, пока она не достигнет 100% ширины браузера, И не добавляйте пробелы вверху/внизу изображения. 'Высота: 20vh;' мне очень ясно, но я не могу понять, как предотвратить автоматическое добавление пробела
Кто-нибудь знает, как это правильно сделать?.flex-контейнер { дисплей: гибкий; flex-flow: перенос строк; ширина: 100%; } .ряд { -webkit-flex-direction: строка; гибкое направление: строка; } .коробка { граница: черная сплошная 1 пиксель; радиус границы: 1 пиксель; } .shop_logo { высота: 20вх; /* Устанавливаем высоту изображения на 20% от высоты его родителя */ максимальная ширина: 100%; /* Убедитесь, что изображение не превышает ширину контейнера */ /*максимальная высота: 20vh; /* Устанавливаем максимальную высоту изображения на 20% от высоты области просмотра */ /*ширина: авто; /* Разрешить пропорциональное масштабирование изображения */ граница: синяя сплошная 1 пиксель; радиус границы: 4 пикселя; } тест
UPS
