Код CSS для получения динамического масштабирования изображений с помощью blogger

для сайта моего портфолио я хотел бы реализовать некоторый код CSS, который позволил бы мне управлять переменными для динамического масштабирования изображений в моем Blogger. http://www.bryan3d.com

Это означает, что по мере того, как вы манипулируете своим окном с помощью изменения размера, масштабирование изображений (размещенных в imgur) будет изменяться на лету.

Рабочий пример этой функции можно увидеть здесь, хотя пользователь использует Squarespace: http://jasonlavoie.net/personal/#/deusudk-environmentart/

Есть ли что-то, что я могу реализовать, чтобы иметь ту же функциональность через blogger?


css blogs blogger
person Bryan Shannon    schedule 09.01.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

См. Мой ответ: Как создать изображение в формате HTML отзывчивый?

Добавьте это в свой файл css:

img {
    width: 100%;
    height: auto;
}

это повлияет на все элементы img. чтобы быть более конкретным, вы можете использовать определенный идентификатор, например:

#headerhj img {
    width: 100%;
    height: auto;
}

см .: http://www.w3schools.com/css/css_rwd_images.asp

person wmehanna    schedule 09.01.2016