Форум Сайтостроение Веб-строительство

Как сделать респонсивной картинку

Д
На сайте с 02.05.2016
Offline
13
Дарт
646

Добрый день. При верстке html-шаблона письма для рассылки столкнулся со следующей проблемой. Шаблон должен быть респонсивным и открываться на мобильных телефонах. Верстаю таблицой. Все блоки перестраиваются при открытии на телефоне, кроме основного баннера (700х410) и футера. Шаблон для майлчимпа. Как сделать баннер респонсивным, если его ширина 700 пикселей? Возможно ли это вообще?

I2
На сайте с 07.03.2015
Offline
38
indenger20
#1

Если картинка сделана фоном, то попробуйте задать для нее


background-size: contain;
Качественная верстка PSD макетов (/ru/forum/974524)
Д
На сайте с 02.05.2016
Offline
13
Дарт
#2
indenger20:
Если картинка сделана фоном, то попробуйте задать для нее 

background-size: contain;

картинка не фоном, а как картинка, потому что на нее еще ссылка стоит, кликабельный фон не получалось сделать

Aisamiery
На сайте с 12.04.2015
Offline
319
Aisamiery
#3

Не указывайте ему фикс ширину, сделайте: 


/* Стиль дял баннера */

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

тогда картинка займет максимум ширины родительского блока. и пропорционально будет уменьшаться

Разработка проектов на Symfony, Laravel, 1C-Bitrix, UMI.CMS, OctoberCMS
Д
На сайте с 02.05.2016
Offline
13
Дарт
#4
Aisamiery:
Не указывайте ему фикс ширину, сделайте: 

/* Стиль дял баннера */

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


тогда картинка займет максимум ширины родительского блока. и пропорционально будет уменьшаться

сделал так и теперь картинка не по своему размеру а вообще 200х150

---------- Добавлено 28.06.2016 в 17:04 ----------

Aisamiery:
Не указывайте ему фикс ширину, сделайте: 

/* Стиль дял баннера */

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


тогда картинка займет максимум ширины родительского блока. и пропорционально будет уменьшаться

поменял классы и теперь вроде все ок) спасибо!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий