#css #responsive-design
#css #адаптивный дизайн
Вопрос:
Изображения сжимаются по горизонтали на физических устройствах iPhone.
Я вообще не могу воспроизвести проблему в инструментах разработки / мобильной эмуляции браузера (любые телефоны). Изображения выглядят абсолютно нормально на моем мобильном телефоне (Samsung Galaxy A51).
Пример ниже:
Единственными стилями на этих изображениях являются:
padding: 10px 0;
margin: 0 auto;
max-width: 95%;
max-height: initial !important;
display: block;
Комментарии:
1. Вы используете
display: flex;где-нибудь в контейнере? IOS, похоже, иногда это портит2. ДА. Мне было интересно, может ли это быть как-то связано с flex самостоятельно. Этот стиль применяется к его непосредственному контейнеру:
flex: 0 0 100%;.3. Спасибо @NICOSHULTZ за то, что указал мне правильное направление. Я применил
align-self: center;к изображениям, и это устранило проблему.