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

Описание тега Вопросы с тегом
Адаптивный веб-дизайн (RWD) - это подход к веб-дизайну и разработке, направленный на создание сайтов, обеспечивающих оптимальное взаимодействие с широким спектром устройств в зависимости от размера экрана, платформы и ориентации.
2 ответа

Использование параметров PHP в слайдере Jquery

Так что я не уверен, что я упустил что-то очевидное в этом. (Я думаю, что это может быть связано с несовместимостью двух языков, поскольку, насколько я знаю, PHP интерпретируется на сервере?)… Хотя я довольно плохо знаком с PHP. Я использую замечате…
27 авг '14 в 12:57
1 ответ

Используйте jQuery для быстрой замены изображений без использования браузера

Я изучал адаптивные методы замены изображений, и у всех них есть свои плюсы и минусы. Хотя одна вещь, которая кажется распространенной, заключается в том, что все они используют анализ браузера, чтобы выборочно установить соответствующий размер изоб…
01 май '13 в 14:41
3 ответа

3-х колоночный отзывчивый CSS (Порядок содержания позиций)

Мне интересно, есть ли способ упорядочить содержимое содержимого, когда размер экрана уменьшен до 480 или ниже. Я имею в виду, что в столбце 3 у меня будет имя, номер, адрес и т. Д., В столбце 2 у меня будет материал для общения, а в столбце 1 - изо…
30 мар '13 в 23:34
1 ответ

CSS - запретить перемещение рамки при прокрутке

Когда размер окна браузера изменяется, границы смещаются от содержимого? Как мне добиться дизайна, в котором граница остается в одном месте, независимо от высоты окна? .story_header { position: relative; display: flex; justify-content: center; } .st…
24 окт '17 в 02:39
1 ответ

css отзывчивый не работает и переписывает мой встроенный стиль

У меня есть сайт WordPress, и я использую загрузчик CSS для всплывающих окон. Пожалуйста, проверьте страницу здесь: http://aboutpubliseek.staging.wpengine.com/test-page/ Когда я уменьшаю ширину браузера менее чем на 770 пикселей, текстовое поле для …
06 май '13 в 10:08
1 ответ

Создание адаптивного текстового поля

Извините за странный заголовок, но я не знаю ни названия, ни простого способа обозначить то, чего я пытаюсь достичь. Я хочу сделать что-то подобное, но я хочу, чтобы оно было отзывчивым, чтобы, если некоторые слова были длиннее, другие слова станови…
07 ноя '18 в 19:46
1 ответ

Проблема с текстом, превышающим контейнер (начальная загрузка)

Как вы можете видеть на этом jsfiddle, если вы играете с размером окна, текст lorem ipsum иногда выходит за пределы белого контейнера. Я не могу понять, почему, потому что, когда я смотрю на код, кажется, что все встроено в основной контейнер, поэто…
26 мар '16 в 13:14
4 ответа

Как создать отзывчивый div с img в нем?

Я хотел бы создать отзывчивый div (box1), который должен соответствовать его размеру контента автоматически, а также у меня есть ограничение для этого контента, которое не должно превышать определенное значение (ширина и высота) box1 здесь я даю 600…
03 июл '13 в 14:17
1 ответ

Почему мой флажок в IOS оказывается таким

Я использую адаптивный веб-дизайн, чтобы превратить мою страницу в мобильный макет, но происходит нечто странное, почему стиль флажка в IOS изменяется таким образом, граница флажка исчезает, а символ флажка становится пустым. см вложение.Первое изоб…
14 окт '13 в 02:08
2 ответа

Как показать ранее скрытый div, если размер порта просмотра изменен?

Я разрабатываю адаптивный сайт с использованием Bootstrap 3. У меня есть скрипт JS show/hide, который доступен, когда на экране max-width 767px, но если я показал, а затем скрыл div в этом размере, когда я изменяю размер экрана обратно на рабочий ст…
16 окт '14 в 10:42
2 ответа

Какие шаги нужно сделать, чтобы дизайн HTML стал адаптивным?

Я только что узнал об адаптивном дизайне. Мой вопрос: какие шаги должен сделать HTML-дизайнер, чтобы адаптировать дизайн? Похоже, что адаптивный дизайн это все об использовании @media запросы и управление потоком элементов на странице, если он измен…
25 авг '15 в 02:15
1 ответ

Отзывчивые элементы на Ipad

У меня проблема с отзывчивостью 4 элементов на сайте, над которым я работаю. Элементы круговой диаграммы отлично масштабируются в моем настольном интернет-браузере. Но по какой-то причине элементы перекрываются на IPAD 2. Я использовал этот CSS: @me…
25 май '15 в 19:20
0 ответов

Переходы flexbox без JavaScript

Я пытаюсь добавить переходы к отзывчивой навигации со свойствами flexbox. Когда окно уменьшается, последний элемент li уменьшается и растет. Могу ли я сделать элемент li, который постепенно уменьшается, не используя JavaScript, только CSS-переходы? …
01 дек '15 в 13:03
1 ответ

Какую версию Twitter начальной загрузки я должен использовать для Grails 1.3.6

В настоящее время у нас есть приложение Grails 1.3.6, и мы планируем сделать его адаптивным через загрузчик Twitter. Поддерживает ли Twitter загрузчик Grails 1.3.6? Потому что я не могу найти его здесь: http://grails.org/plugin/twitter-bootstrap. Вы…
13 янв '17 в 07:11
1 ответ

Бутстрап не реагирует

Это я или загрузчик Twitter просто не реагирует на использование LESS? На одном тестовом сайте я установил следующее: // Articles .article { .makeRow(); } .article-content { .makeColumn(7); } При изменении размера страницы я получаю горизонтальные п…
29 мар '13 в 17:45
8 ответов

Сделайте родительский div с абсолютной позицией берут ширину дочерних div

У меня есть следующая структура HTML: <div class="parent"> <div class="child1"></div> <div class="child2"></div> </div> Родитель расположен абсолютно, child1 и child2 отображаются бок о бок, используя inline-block…
15 окт '14 в 19:02
1 ответ

Попытка преобразовать сгенерированную таблицу HTML в div или ul с помощью jQuery, чтобы сделать ее отзывчивой

У нас есть система, которая генерирует список продуктов. Все эти результаты помещаются в аппетитную (!) Таблицу с другим вложенным внутри нее, чтобы обернуть вокруг изображения продукта. Каждый элемент имеет изображение и название только продукта, о…
14 ноя '12 в 13:38
3 ответа

Мобильный веб-сайт и настольный веб-сайт: нужно ли дублировать мой код?

У меня есть веб-сайт, созданный с помощью Symfony2, и я хотел бы создать его мобильную версию с использованием jQuery mobile (в настоящее время я использую загрузчик Twitter для настольной версии). Я действительно смущен решением, которое я должен в…
10 апр '13 в 13:10
1 ответ

Сделать div отзывчивым и оформить его для отображения новостей

Если у меня есть два div рядом друг с другом. Как я могу заставить их идти друг под другом при изменении размера браузера? До сих пор я нашел этот пример в stackru, который представляет собой два деления рядом друг с другом. Как я могу сделать их др…
07 ноя '17 в 09:57
1 ответ

Автоматическое изменение размера текста по ширине div

Я борюсь с одной проблемой. У меня есть div с определенной шириной и высотой (227px x 27px). Внутри этого div есть Имя и Фамилия, как переменная. Иногда это имя маленькое, поэтому в div достаточно места, но иногда имя длинное, и мне нужно изменить р…
19 июн '15 в 14:20