Вопросы с меткой [responsive]
Отзывчивый - это тег, обозначающий общий отзывчивый веб-сайт или тему программирования или дизайна веб-приложения. Это более общий тег, чем 'responsive-design', и он служит для ситуаций, когда вы специально пишете о программировании (обычно html/css/js). Само слово 'responsive' относится к способности веб-приложения / веб-сайта реагировать и адаптировать свои размеры и интерактивность в широком диапазоне устройств и размеров экрана.
150 вопросов
- Конкурсные 0
- Неотвеченные
- Цитируемые
- Рейтинг
- Популярные
- За неделю
- За месяц
- Неотвеченные (мои метки)
0
голосов
1
ответ
47
показов
Background-image и респонсив-вёрстка
Есть макет (https://www.figma.com/design/v3CYjno3KdI1XdKkhe7okC/Web-Studio-(Version-2.1)-(Copy)?node-id=3-7653&node-type=canvas&t=GIj8ZFvJBqvxqICs-0). Проблема с фоновым изображением баннера (...
0
голосов
1
ответ
173
показа
CSS - ширина внутреннего div во flex-контейнере при изменении ширины контейнера
Как мне добиться правильного поведения элемента? Использование flex не обязательно, это может быть grid или любой другой HTML код, дающий тот же результат.
В коде есть элемент примерно такого вида:
...
1
голос
0
ответов
75
показов
Нужно повторение анимации при прокрутке страницы вверх/вниз и устранить некорректные эффекты при наведении курсора (jQuery и CSS)
Здравия желаю!
Уже четыре дня занимаюсь этой задачей...
Пожалуйста, помогите с решением.
Задача:
— Если прокручиваем страницу до блока с классом Section-1, то
Справа экрана появляется 1-я (красная) ...
0
голосов
2
ответа
160
показов
Как сделать чтобы картинка в заголовке уменьшалась, а не пропадала
Основной задумкой есть создание адаптивной таблицы. Которая при уменьшении будет делить каждый свой элемент на маленькую таблицу.
Как на скрине ниже.
Оригинал:
Вид таблицы при маленьком размере окна ...
0
голосов
1
ответ
141
показ
Адаптивная картина в HTML
Цель следующая - добиться ресайза картинки в меньшую сторону от оригинального разрешения.
Я использовал следующий css код:
.image {
max-width: 100%;
height: auto;
}
Html:
<div&...
0
голосов
1
ответ
89
показов
Трёх колоночный макет сайта с прокруткой в среднем блоке
Я делаю pet проект на React и не могу разобраться в том, как сделать хороший 3-х колоночный макет. Я пытался найти ответ в гугле, но не так и не нашёл :(
Идея такая: сайт должен состоять из 3 колонок.
...
1
голос
1
ответ
311
показов
Адаптивное меню CSS HTML
Всем привет, имеется меню которое я хочу сделать адаптивным.
Но слова разрываются при уменьшении экрана потому что я использую word-wrap: break-word.
Как мне сделать правильное адаптивное меню? Вот ...
0
голосов
1
ответ
78
показов
Взять координаты мыши RESPONSIVE (на разных экранах, в процентах или wv wh)
Подскажите, как правильно по клику взять координаты мыши, привязанных к размеру экрана?
например вот
на примере кончик конуса имеет разные координаты на десктопе и мобиле.
как сделать чтобы на всех ...
0
голосов
0
ответов
234
показа
Как сделать чтобы хедер с position: absolute не прилипал к экрану при сжатии?
На данный момент моя разметка выглядит следующим образом:
<header class="header">
<div class="header__inner">
<a href="" ...
0
голосов
2
ответа
67
показов
Как расположить картинку по середине
Всем доброго времени суток, долго мучаюсь с этой картинкой, подскажите пожалуйста как сделать так, чтобы картинка расположилась по середине контейнера, как на скрине, из-за того что сталкивается с div'...
0
голосов
1
ответ
83
показа
У меня не работает адаптив когда экран считаетсья десктоп, но когда ставлю тип экрана mobile всё работает(с помощю инструмента для верстки в гугле)
html,
body {
margin: 0;
font-size: 15px;
}
.page-background {
position: relative;
height: 100vh;
margin: 0 auto;
background-color: #1F2326;
overflow: hidden;
display: -ms-grid;
...
0
голосов
2
ответа
471
показ
Как сделать так, чтобы высота контейнера была фиксированной, но уменьшалась, если не помещается в окно браузера?
.container {
display: flex;
width: 200px;
height: 300px;
border: 1px solid black;
}
<div class="container">
<div>Hello, world!&...
2
голоса
1
ответ
99
показов
Как выровнять два линейных градиента?
У меня есть два линейных градиента, один под другим, и я хочу, чтобы они были выровнены и оставались выровненными для всех размеров экрана.
Я хочу, чтобы это выглядело так:
(так что вы понимаете, что ...
1
голос
1
ответ
93
показа
Адаптивный Сайдбар, как подстроить по размерам контент?
const btn = document.querySelector('button');
const sidebar = document.querySelector('.sidebar');
btn.addEventListener('click', () => {
sidebar.classList.toggle('sidebar--active');
});
body {
...
1
голос
1
ответ
59
показов
Помогите с адаптивностью сайта :)
Я не очень разбираюсь в адаптивности, помогите с первой страничкой. Особенно не понимаю, как на мобильных устройствах сделать так, чтобы был только белый квадрат меню.
body {
padding: 0;
...