CSS resposive въпросче


0
Здравейте на всички, Искам да попитам как да направя div да е responsive ( в него има картинка). Като вляза на @media only screen и задам височина картинката просто се отрязва а не се смалява цялостно.
Благодаря предварително!



Отговори



0

Здравей отново

Пробвай да сложиш background-size: 100% Auto; на картинката и след това с media query променяй размера на дива. Ако не стане пробвай по този начин:

img

{max-width: 100%;

max-height: 100%;
}

от Kristin (484 точки)


1
Mалко встрани от въпроса ти, но все пак по темата: за бъдещи проекти можеш да хвърлиш едно око на http://unsemantic.com/
Основната му идея е да предостави стартов код, който разглежда сайта като широк 100% (логично) и го разграфява на колони с избираеми проценти (готино).
Двете моментални ползи от това са: responsive design и възможност много бързо да създадеш прилична версия на сайта си.

от stoberov (3451 точки)


0
Направи responsive картинката, а не дива. Не си играй с височината, задавай:
height:auto; и променяй само ширината.
По твоя начин с дива, трябва да задаваш размери на картинката в проценти, например:
width: 90%;height:auto;