Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Шаблоны (TPL) Как сделать отображение картинки в адаптивном шаблоне?

Как сделать отображение картинки в адаптивном шаблоне?


     23.08.2016    Шаблоны (TPL), Стили (CSS)    400

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

Ответа пока нет


Комментарии пользователей (3)

Serge
4

67 | 1

Serge - 23 августа 2016 12:09 - Юзер

Можно использовать @media only screen and (max-device-width: 480px) { #elementid or .class {width: 100%; text-align: center} }

Duman007
35

Duman007 - 23 августа 2016 12:12 - Юзер

не то. Мне нужно чтобы на версии компьютера она отображалась слева и обтекалась текстом, а на моб.версии была по центру в ширину. Шаблон адаптивный.

irrwisch
47

373 | 140

irrwisch - 23 августа 2016 12:45 - Юзер

Так вам и говорят, делайте через media, только не device-width, а просто

@media screen and (max-width: 480px)

и так у вас на всех устройствах, у которых ширина экрана меньше или равна 480px, картинка будет по центру, если же ширина больше чем 480 px, то будет срабатывать стандартное правило с обтеканием. Без media запроса этого никак не сделать.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы