Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Danya Wyse
@Wyse
CSS
Как сделать слайдер в 100% размер мобильного экрана?
Если как то ограничиваю высоту самого слайдера то режется фото. Как сверстать чтобы фото подгонялось под размер?
https://iwyse.github.io/Zainoo/
вот сам слайдер
Вопрос задан
более трёх лет назад
112 просмотров
1
комментарий
Подписаться
1
Простой
1
комментарий
Facebook
Вконтакте
Twitter
Ankhena
@Ankhena
Куратор тега CSS
Ограничить высоту слайдера.
Сделать слайд гридом.
Для фото оставить 1fr, т.е. сколько останется.
Для фото задать object-fit.
Либо уточнить как оно всё должно себя вести по-вашему.
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
2
daenur_habr
@daenur_habr
width: 100vw;
height: 100vh;
background-size: cover или contain (выбрать)
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Alexander3928
@Alexander3928
object-fit: cover или max-width: 100%, max-height: 100%;
https://webref.ru/layout/html5-css3/img/scale
https://webknowledge.ru/proporcionalnoe-mashtabiro...
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+2 ещё
Простой
Как поменять свет линии при нажатии?
1 подписчик
16 часов назад
91 просмотр
1
ответ
JavaScript
+1 ещё
Простой
Как создать скрипт удаления элемента HTML используя Tempermonkey?
1 подписчик
вчера
76 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как реализовать выдвигающийся из айтема блок(при нажатии на плюс)?
1 подписчик
вчера
58 просмотров
0
ответов
HTML
+1 ещё
Простой
Как выровнить в колонку фотки как на макете?
1 подписчик
28 июн.
80 просмотров
1
ответ
CSS
+1 ещё
Простой
Как сделать чтобы блок с border-dashed постепенно заполнялся border-solid?
2 подписчика
28 июн.
1102 просмотра
1
ответ
HTML
+1 ещё
Средний
Как выровнять текст и картинку внутри ссылки?
1 подписчик
26 июн.
130 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Нужна помощь с i18n + переключателем языка на нативном JS и HTML?
1 подписчик
25 июн.
164 просмотра
0
ответов
HTML
+1 ещё
Простой
Как сохранить данные на сайте html+css в файл txt?
1 подписчик
17 июн.
243 просмотра
5
ответов
CSS
+2 ещё
Простой
Не работает css в visual studion?
1 подписчик
15 июн.
110 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как добавить AutoPlay для видео в модальном окне?
1 подписчик
12 июн.
144 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Старший Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Front-End developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
Frontend разработчик (Java-Script)
Товеко
от 45 000 до 80 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама