Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Фиксация размера картинки под разрешение экрана
Фиксация размера картинки под разрешение экрана
Grician
Сообщений: 17
Репутация: 0

Сообщение # 1 | 08:39:40
Подскажите как решить проблему в мобильной версии. Картинки уходят за пределы границы сайта.

Frilanser
Сообщений: 94
Репутация: 12

Сообщение # 2 | 09:44:40
На css 
Код
img {max-width:100%}

На js

Код
var imgFix = $(window).width();
$('img).css({width:''+imgFix+''});

Напишем сайт, скрипт - любой тематики и сложности, в макс. быстрые сроки!.. Предоставляем SEO услуги!. За подробностями обращайтесь по Контактам: vk.com/unicoder | Skype: spammrac ...
Grician
Сообщений: 17
Репутация: 0

Сообщение # 3 | 10:22:02
Цитата Frilanser ()
На css img {max-width:100%}1

На js

var imgFix = $(window).width();
$('img).css({width:''+imgFix+''});

В мобильном шаблоне присутствует три файла JS, но похожего скрипта там не нашел
zarim
Сообщений: 420
Репутация: 70
Уровень замечаний:

Сообщение # 4 | 11:44:16
Grician, конечно его там нет, нужно вставить или скрипт, или в таблицу css вписать стиль
Grician
Сообщений: 17
Репутация: 0

Сообщение # 5 | 11:55:32
Цитата zarim ()
img {max-width:100%}
Цитата zarim ()
Grician, конечно его там нет, нужно вставить или скрипт, или в таблицу css вписать стиль

Добавил в css никаких изменений
zarim
Сообщений: 420
Репутация: 70
Уровень замечаний:

Сообщение # 6 | 11:57:01
Grician, можно ссылку на страницу сайта?
Grician
Сообщений: 17
Репутация: 0

Сообщение # 7 | 12:26:46
Цитата zarim ()
Grician, можно ссылку на страницу сайта?

http://veryscary.ru/news/5_filmov_uzhasov_marta_2017/2017-04-02-1732 Соответственно мобильная весия

Добавлено (13 Апр 2017, 12:26:46)
---------------------------------------------
Проблема решена добавлением в стили img {max-width:100%!important;max-height:auto!important;}

Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Фиксация размера картинки под разрешение экрана
Страница 1 из 11
Поиск: