Описание тега responsive

Вопросы с тегом
Отзывчивый - это тег для обозначения универсального адаптивного веб-сайта или темы программирования или дизайна веб-приложения. Это более общий тег, чем "отзывчивый дизайн", и он служит для ситуаций, когда вы специально пишете о программировании (обычно html/css/js). Само слово "отзывчивый" относится к способности веб-приложения / веб-сайта реагировать и адаптировать свои размеры и интерактивность для широкого диапазона устройств и размеров экрана.
2 ответа

Highcharts не реагирует на все серии в графике

Я создаю адаптивную диаграмму, которая содержит текстовое поле справа от области диаграммы. Текст обновляется при наведении указателя мыши на данные на графике. Текстовое поле отзывчиво и отлично работает на меньшем экране при наведении на первый на…
04 янв '17 в 16:43
0 ответов

Пожалуйста, помогите новичку с CSS:hover

У меня проблемы с :hover, Так что я хочу, чтобы, когда я парю над дверью замка, #dor, #vindu1 должен изменить цвет на желтый. Поэтому при наведении на дверь замка окна должны пожелтеть. По какой-то причине это не работает, и я думаю, что это связано…
23 окт '18 в 16:21
0 ответов

CSS Видео + Галерея изображений в одном

Я хотел изменить дизайн моего сайта. Таким образом, бок о бок 2 изображения, но первое изображение в штучной упаковке - то, где я помещаю ссылки на видео: часть 1 - часть 2 как то с фотографией видео выше и затем направо другая фотография, у которой…
12 окт '16 в 12:43
2 ответа

Есть ли способ написания CSS, который позволяет реорганизовать порядок появления компонентов HTML?

Я работаю над адаптивным сайтом, в котором представление для мобильных устройств и планшетов отличается от представления для настольных компьютеров тем, как оно переупорядочивает DIV. Есть ли способ написания поддерживаемого CSS, который позволит ва…
28 сен '16 в 16:23
1 ответ

Пользовательское меню содержит язык и меню с начальной загрузкой

Я хочу добиться HTML-макета примерно так, используя Twitter начальной загрузки Я хочу, чтобы он был отзывчивым, как в режиме, так и на рабочем столе и на мобильном устройстве, как пример ниже режим рабочего стола мобильный режим Это код, который я п…
26 май '17 в 07:06
2 ответа

Динамические Адаптивные Формы с использованием CSS

Я пытаюсь создать форму ввода пользователя с несколькими полями / значениями в табличном формате. Если это рабочий стол, он должен показывать 6 столбцов (по паре имя / значение поля в каждом), а если его телефон (портретный режим) должен показывать …
29 сен '18 в 16:34
2 ответа

Отзывчивый Div Таблица

Я попытался создать таблицу div с этого сайта: http://divtable.com/generator/ Тем не менее, все работает нормально, за исключением отклика таблицы Div. При минимизации ширины браузера я бы хотел, чтобы он был полностью адаптивным. Например, я бы хот…
31 янв '17 в 13:11
2 ответа

Позиция абсолютного элемента: как сделать его отзывчивым

Я делаю слайдер изображений с двумя клавишами со стрелками, проблема в том, когда я пытаюсь изменить свой порт просмотра на меньший. Слайдер изображения быстро меняет свой размер, а клавиши со стрелками - нет. Не знаю, как прикрепить их к слайдеру и…
20 янв '18 в 12:44
1 ответ

Адаптивное изображение, не заполняющее DIV при уменьшении области просмотра

У меня есть 2 столбца макета, в котором один столбец содержит изображение, а другой столбец содержит пространство для текста, кнопок и т. Д. проблема Проблема, с которой я столкнулся, связана со столбцом изображения. Когда столбец изображения масшта…
31 авг '18 в 04:55
3 ответа

Сделать фоновое изображение отзывчивым

Пытался сделать мое кликабельное фоновое изображение отзывчивым на всех устройствах, но, похоже, обвил его головой. Он хорошо отображается на экранах с диагональю 10 дюймов и выше, но на устройствах с более низким экраном изображение обрезается. Я х…
24 дек '16 в 10:04
2 ответа

Выход из цикла for, который создает div при достижении конца экрана

Я пытаюсь выполнить небольшое упражнение, которое обновляет страницу, когда нажимается большая кнопка в середине, а маленькие точки меняют цвет. Я остановил прокрутку страницы, чтобы страница была заполнена точками, но я заметил, что свойство перепо…
08 янв '17 в 17:42
0 ответов

Ошибка адаптивного веб-браузера

http://m.afsmall.com/intro/member.html?returnUrl=%2Findex.html Я пытаюсь создать адаптивную веб-страницу для мобильных устройств. У меня есть вступительная страница, а затем, когда вы нажимаете "нажмите здесь, чтобы войти", у меня появляется страни…
13 авг '18 в 03:25
1 ответ

Почему добавление границ в div вызывает вертикальную прокрутку на телефоне

Я чувствую себя глупым из-за того, что не могу понять это. У меня есть очень простой кусочек HTML: <body> <div style="border: 40px solid red"></div> <div style="border: 40px solid green"></div> </body> Там нет доп…
13 сен '16 в 23:41
1 ответ

Замените Javascript на адаптивное слайд-шоу Bootstrap

Я пытаюсь найти симпатичное слайд-шоу начальной загрузки, которое выглядит примерно так: https://www.jssor.com/demos/simple-fade-slideshow.slider Я бы использовал тот, что в ссылке, но он имеет много JavaScript и не отвечает должным образом, когда я…
04 авг '18 в 19:00
1 ответ

Мне нужно изменить свое меню в отзывчивое меню

Я просто использовал WordPress Nav Menu в своем шаблоне, и я не хочу редактировать HTML-код. Я хочу превратить его в адаптивное меню, чтобы оно переходило в раскрывающееся меню на мобильном телефоне. Вот код HTML и CSS, который я использую. Теперь я…
26 май '18 в 21:34
3 ответа

Как центрировать модал с переходом на материал пользовательского интерфейса и сделать его отзывчивым?

Я пытаюсь использовать модальное с переходом с использованием Material UI и имею проблему с его центрированием, а также сделать его отзывчивым или центрировать его на экране небольшого размера (мобильный). Модальный может быть центрирован и хорошо с…
20 июн '18 в 12:51
3 ответа

CSS: добавить полосу прокрутки только к "контентной" части страницы

Я работаю над веб-приложением, которое я хочу создать, как показано ниже. Поскольку макет должен быть отзывчивым, высота верхнего или нижнего колонтитула неизвестна. Чего я хочу добиться, так это распределить веб-страницу по вертикали. Нижний колонт…
30 янв '17 в 11:26
0 ответов

Bootstrap 3 Отзывчивый выпадающий оверлей Navbar и 100% высоты

На мобильном устройстве Bootstrap 3 по умолчанию со стандартным навигационным меню при щелчке по меню состоит в том, чтобы перемещать содержимое вниз по странице. Вместо этого у меня есть наложение контента. Но проблема в том, что мне нужен этот ове…
22 окт '18 в 16:55
2 ответа

Ширина экрана Grails GSP

Мне нужно проверить размер экрана, чтобы изменить компонент. Не зная лучшего способа, я пытаюсь использовать JavaScript в <g:if test="${javascript($(window).width() > 768)}"> //COMPONENT </g:if> <g:else> //OTHER COMPONENT </g…
30 янв '17 в 12:27
2 ответа

Bootstrap Grid - квадратные плитки с одинаковым горизонтальным / вертикальным зазором

Я пытаюсь создать сетку плиток с Bootstrap со следующими свойствами: все плитки должны быть квадратами горизонтальные и вертикальные промежутки должны быть одинаковыми (даже одинаковыми по сравнению с разной шириной экрана) плитки всегда должны быть…
06 апр '18 в 12:04