Как сделать чтобы картинка растягивалась автоматически в css
Перейти к содержимому

Как сделать чтобы картинка растягивалась автоматически в css

  • автор:

Как сделать чтобы картинка не растягивалась css

Если вы хотите, чтобы картинка не растягивалась в CSS, вы можете использовать свойство max-width и max-height , чтобы ограничить ширину и высоту изображения.

Например, если у вас есть изображение с классом my-image , вы можете использовать следующий CSS-код:

.my-image  max-width: 100%; max-height: 100%; > 

Этот код установит максимальную ширину и высоту изображения на 100% от родительского элемента, что позволит сохранить пропорции изображения и предотвратить его растягивание.

Растягивать картинку по ширине экрана

Author24 — интернет-сервис помощи студентам

Привет. Подскажите как правильно реализовать, чтобы картинка растягивалась на весь экран по вертикали в зависимости от разрешения экрана?

Вот div который я пытаюсь растянуть:

1 2 3 4 5 6 7
position: absolute; right: 0; width: 31px; height: 100%; background-image: url('../image/poloska.png'); background-size: 100%; background-repeat: repeat-y;

Вот div родителя:

1 2 3 4
width: 1056px; margin: 0 auto; position: relative; height: 100%;

94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

Как НЕ растягивать бэкграунд по ширине?
Есть картинка: height="1611" width="1266", она у меня должна быть в бэкграунде. В любом менеджере.

Растягивать блоки по высоте до конца экрана
Доброго времени суток! Ребят мне нужно чтобы <div> растягивались по высоте экрана автоматически.

Шапка по ширине экрана
В общем, есть много тем и статей по этому поводу, прочитал тоже не мало, но так и не смог исправить.

Как сделать элементу DIV, чтобы его фон растягивался вместе с ним?

Ankhena

размер
Задаёт размер в любых доступных для CSS единицах — пикселях (px), сантиметрах (cm), em и др.
проценты
Задаёт размер фоновой картинки в процентах от ширины или высоты элемента.
auto
Если задано одновременно для ширины и высоты (auto auto), размеры фона остаются исходными; если только для одной стороны картинки (100px auto), то размер вычисляется автоматически исходя из пропорций картинки.
cover
Масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока.
contain
Масштабирует изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока.

Вам может подойти cover или 100%. Первое вероятнее.

Нужно, чтобы картинка на сайте растягивалась под размер экрана, как это сделать ? (Пропорционально, картинка высокого расширения и качества)

Author24 — интернет-сервис помощи студентам

Нужно сделать так, чтобы в блоке выводилась картинка вместо ее код, как это происходит сейчас.
Помогите пожалуйста с javascript/html Проблема: есть код на JS при нажатии на "Показать блок1".

Как сделать, чтобы картинка выводилась в разных местах экрана?
как сделать чтобы картинка выводилась в разных местах экрана

Как сделать так, что бы картинка загружалась пропорционально размерам pictureBox
Здраствуйте, я сообразил кнопку "Обзор", которая загружает изображение. У меня возник следующий.

html + css = камасутра
Регистрация: 31.01.2012
Сообщений: 536
Записей в блоге: 6

ЦитатаСообщение от Evo01 Посмотреть сообщение

binding text
попробуй дать картинке height и width по 100%
13208 / 6596 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
, Ширина 100%, высота отсутствует (auto).
632 / 440 / 67
Регистрация: 19.09.2012
Сообщений: 1,632
Есть несколько вариантов
1.Кроссбраузерный

body> img src . >

..остальной код.

img{position:absolute;z-index:0;top:0;left:0; width:100%;height:100%;}

2.Легкий вариант
http://htmlbook.ru/css/background-size
html + css = камасутра
Регистрация: 31.01.2012
Сообщений: 536
Записей в блоге: 6
[QUOTE=koza4ok;4024414]

img{position:absolute;z-index:0;top:0;left:0; width:100%;height:100%;}

Скажика мне пожалуйста зачем ты даешь z-index:0; раз его смысл полностью теряется при отсутствии position:relative

Администратор
12005 / 5333 / 268
Регистрация: 05.04.2011
Сообщений: 14,086
Записей в блоге: 2
Kantaria, при абсолюте тоже работает. Но он там и правда не нужен.
632 / 440 / 67
Регистрация: 19.09.2012
Сообщений: 1,632
А если будут еще абсолют блоки?
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь

Как сделать так, чтобы мобильное приложение автоматически подстраивалось под размер экрана?
В Android Studio мы же под определенную диагональ создаём приложение (один эмулятор).. Как при.

Картинка уходит если большой размер экрана
сабж: у меня размер экрана 1366х768 сайт у меня показывается вот так(как мне нужно): у друга.

Что делать если после уменьшения расширения экрана картинка рабочего стола становится меньше?
Здравствуйте, уважаемые форумчане. При смене расширения экрана на моем ПК на ОС windows 10 с.

Как сделать чтобы менялась картинка
Как сменить картинку по нажатию на image. Я создал в фотошопе кнопку, сделал какая она не в нажатом.

Или воспользуйтесь поиском по форуму:

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *