Задать вопрос
@YouAre
wordpress

Как правильно адаптировать картинку в wordpress?

Делаю сайт на Layers WP framework (тема для wordpress)
На главной странице слайдер с 1 картинкой, который не адаптируется под маленькие экраны.
Нужно сделать вот так: www.privatejet.com
Имею такой код:
.layers-widget-slide-3-436
{ background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url('...'); }


На праздниках решил сделать сайт без помощи посторонних лиц - и пожалел об этом. Назад пути нет. Помогите!)
  • Вопрос задан
  • 291 просмотр
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
azerphoenix
@azerphoenix
Java Software Engineer
Мне кажется, что вам стоит изучить медиа запросы CSS. Используя медиа запросы вы можете добавлять разные стили под разные размеры экранов.
htmlbook.ru/css/value/media
@media all and (max-width:320px) {
ВАШ CSS КОД ЗДЕСЬ
}

И в режиме адаптивного просмотра браузера нужно проверить стили дизайна. Особенно: 1920, 1440, 1024, 768, 320 пикс
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
WordPress developer (Contractor, Remote)
Hicaliber
До 2 300 $
Разработчик на Wordpress
Nocodered
от 40 000 до 140 000 ₽
Бэкэнд разработчик сайтов
Валверде
от 40 000 до 60 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
8266 f12 требуется сделать ревью и оптимизировать работу
26 апр. 2024, в 20:42
2000 руб./за проект
Ещё заказы