Адаптация под мобильные устройства

голоса: 0

Здравствуйте! Я использую стандартный шаблон № 1081, оптимизированный для мобильных устройств, согласно:

http://manual.ucoz.net/board/10-1-0-564

Список тем, которые оптимизированы для мобильных устройств:

1041, 1051, 1061, 1062, 1063, 1064, 1071, 1072, 1073, 1074, 1075, 1080, 1081, 1082, 1083, 1084, 1085, 1086, 1087, 1088, 1089, 1090, 1091, 1101, 1131, 1132, 1133, 1134, 1141, 1161, 1171, 1181, 1211, 1221, 1231, 1241, 1251, 1252, 1253, 1254, 1255, 1256, 1257, 1261, 1271, 1281, 1311, 1321, 1322, 1323, 2001, 2011, 2012

Однако на странице материала и комментариев к нему картинка смещается вправо (в мобильном устройстве). Что нужно дописать в CSS, чтобы это поправить?

Адрес сайта http://vsthouse.ru/
Закрыто с пометкой: Ответ получен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

Голоса: +1
 
Лучший ответ

В стилях ищем строку номер 484:

.eMessage img,
.eText img {
 max-width: 100%;
 margin: 5px !important;
}

добавьте выделенное красным, тогда с фото будет все впорядке.

| Автор:
Выбор ответа лучшим | | Автор: Илья Левченко
Илья Левченко,
Изучите материал http://htmlbook.ru/css3-na-primerakh/lineinyi-gradient возможно что и получится.
ОК. Спасибо за помощь! Благодарность отправил :)
Здравствуйте! Сегодня проверил сайт в разных браузерах на мобильном устройстве.  1. В хроме, мозиле, яндекс браузере, опере все нормально, однако на некоторых страницах все-таки происходит смещение текста комментариев. Вот здесь это видно: http://vsthouse.ru/load/vst_i_instrumenty/sintezatory/spectrasonics_omnisphere_2_v2_0_3d_vsti_rtas_aax_au_x86_x64_dvd_1_8_gibridnyj_sintezator/3-1-0-12292-0-0-0-1511519204  Это можно исправить?  2. В опере мини картинки, текст и комментарии смещаются везде. Это недостаток оперы мини? Или для этого браузера нужно что-то дополнительно прописать, чтобы сайт корректно отображался?  3. В яндекс браузере, опере, опере мини не удается войти на сайт через соц. сеть, включая юкоз (кнопка "U")  Если сможете ответить на эти вопросы, буду благодарен.
Илья Левченко,
Посмотрел. Извините, но там кроме комментариев хватает что адаптировать. За доработкой адаптивности обращайтесь к фрилансерам https://upartner.pro/
ОК, спасибо за помощь.
...