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

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


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

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

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


3 комментария

Serge
Юзер

Serge - 23 августа 2016 12:09 -

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

Duman007
Юзер

Duman007 - 23 августа 2016 12:12 -

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

irrwisch
Юзер

irrwisch - 23 августа 2016 12:45 -

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

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

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

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

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

наверх