Question

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

Как сделать так, чтобы на сайте (шаблон № 949) адаптировались картинки и видеоролики с презентациями под мобильную версию, но не в режиме PDA? Есть ли где-то в стилях возможность изменить размер или нужно прям все прописывать для каждого?

Answer 1

Попробуйте в стили прописать:

@media screen and (min-width: 240px) and (max-width: 650px) {img,iframe,object {max-width:100%!important;height:auto!important;}}

Comments

Вставила Ваш код в таблицу стилей CSS. В мобильной версии все также картинки, видео и презентация вылезают за пределы страницы, особенно если они большие. Хотя вроде стали поменьше, чем были до этого. Но проблему это не решило!  Может параметры min-width и max-width нужно указать другие? Или в чем-то другом проблема?

---

Ольга Митрофанова,

Наведите пример страницы на которой вы проверяете проблему.

---

Yuri_Geruk,

Вот к примеру эта страница, которая содержит картинку, видео и презентацию: https://school409.ucoz.ru/index/priem_v_1_klass/0-432 

---

Ольга Митрофанова,

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

---

Yuri_Geruk,

В смысле я не добавила стили? Ваш код, что был написан Вами в самом первом сообщении, стоит в конце кода Таблица стилей (CSS), и я больше ничего с ним не делала. Возможно Вы имеете в виду что-то другое? Уточните, пожалуйста. Я ведь еще совсем новичок и только разбираюсь и изучаю для себя новое.

---

Ольга Митрофанова,

Нужно добавить в файле: style.css который у вас в файловом менеджере в папке с названием CSS.

---

Yuri_Geruk,

Не знала, что можно добавить еще и туда - теперь буду знать. Сделала так, как Вы и сказали, но на той странице, который я скидывала как пример, не увидела никаких изменений.

---

Ольга Митрофанова,

Как видим с примера: http://joxi.ru/MAjE0yNtkY55l2 все отлично работает. Чистите в браузере кеш и куки: https://ukit.com/ru/help/kak-ochistit-cahe

---

Yuri_Geruk,

Все получилось! Большое Вам спасибо!