Как растянуть изображение на 100%, чтобы на телефоне корректно отображалось?
Здравствуйте, не могу понять, как растянуть картинку, чтобы не возникали проблемы с ней при уменьшении? Перепробовал все возможные background-size: cover в CSS, не помогает. Попробовал ради интереса в теге img растянуть, тоже самое. Помогите)
Кирилл Никитин, если я открою это всё дело в браузере, и буду проверять размер в браузере, сразу появится эта проблема. В песочнице это не покажет. Всё нормально выглядит до тех пор, пока я не начинаю уменьшать изображение в браузере.
Понимаете, геометрию и пропорции никто не отменит.
Простыми словами прямоугольная картинка может занимать квадратную область
- либо с нарушением пропорций
- либо что-то обрежется
- либо останутся поля.
Можно заменять картинку при различных @media, например, для вертикальной и горизонтальной ориентации окна, а также отдельно для мобилок, планшетов, десктопов.
Ankhena, 100% по-ширине. Всё оказалось намного проще, я не указал минимальную ширину body, из-за этого обрезалась картинка при уменьшении для мобилок. Всем благодарю за объяснения!)
Ребята, спасибо вам за уделенное время. Всё оказалось намного проще, я не указал минимальную ширину body, из-за этого обрезалась картинка. Всем благодарю за объяснения!)
