Сообщений в теме: 5

[Дмитрий Шумский]

Здравствуйте!

Аккаунт SL-357668

В описаниях к товарам мы часто добавляем картинки. На компьютере и планшете они отображаются нормально, а вот если смотреть с мобильного, то изображение вытягивается. см. скрин



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

Спасибо!

[Razon]

Дмитрий Шумский (06 Октябрь 2016 - 12:53) писал:

Здравствуйте!

Аккаунт SL-357668

В описаниях к товарам мы часто добавляем картинки. На компьютере и планшете они отображаются нормально, а вот если смотреть с мобильного, то изображение вытягивается. см. скрин

q1.jpg

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

Спасибо!

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

[Дмитрий Шумский]

Ra1zon (06 Октябрь 2016 - 13:27) писал:

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

Вообще это везде происходит.

Ну вот для примера

http://fulmar.ru/page/delivery

[Razon]

Дмитрий Шумский (06 Октябрь 2016 - 13:34) писал:

Вообще это везде происходит.

Ну вот для примера

http://fulmar.ru/page/delivery

В файле main.css найдите строку:

img {max-width: 100%;height: auto;vertical-align: middle;border: 0;}

Замените на:

img {max-width: 100%;height: auto !important;vertical-align: middle;border: 0;}

[Дмитрий Шумский]

Ra1zon (06 Октябрь 2016 - 13:54) писал:

В файле main.css найдите строку:

img {max-width: 100%;height: auto;vertical-align: middle;border: 0;}

Замените на:

img {max-width: 100%;height: auto !important;vertical-align: middle;border: 0;}

Отлично!

А можно ли сделать то же самое с видео и картами?

Спасибо!

[Danil]

Дмитрий Шумский (06 Октябрь 2016 - 14:49) писал:

Отлично!

А можно ли сделать то же самое с видео и картами?

Спасибо!

Здравствуйте.
В конец main.css добавьте

.htmlDataBlock iframe {max-width:100%;height: auto !important;}