Вопросы с тегом 'responsive-design'

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

Поддерживать соотношение сторон div с CSS

Я хочу создать div который может изменять его ширину/высоту при изменении ширины окна. Существуют ли какие-либо правила CSS3, которые позволили бы изменить высоту в соответствии с шириной при сохранении соотношения сторон? Я знаю, что могу сделать...
30 сент. '09 в 2:11
31 отв.

Масштабирование шрифтов по ширине контейнера

Мне нелегко получить голову вокруг масштабирования шрифтов. В настоящее время у меня этот сайт с телом font-size 100%. 100% чего? Это, похоже, вычисляется в 16px. У меня создалось впечатление, что 100% будет каким-то образом ссылаться на размер ок...
17 апр. '13 в 12:37
9 отв.

В чем разница между col-lg- *, col-md- * и col-sm- * в Bootstrap?

В чем разница между col-lg-*, col-md-* и col-sm-* в Twitter Bootstrap?
08 нояб. '13 в 20:34
5 отв.

Жидкость или система с фиксированной сеткой, в гибком дизайне, основанная на Twitter Bootstrap

Я смущаюсь о различных вариантах в twitter bootstrap grid и о том, как они идут вместе. Для начала вы можете иметь обычный фиксированный container или container-fluid. Тогда либо можно включить либо обычный row, либо ряд жидкости row-fluid. То ес...
20 марта '12 в 4:37
9 отв.

Высота, равная динамической ширине (компоновка флюида CSS)

Можно ли установить ту же высоту, что и ширина (соотношение 1:1)? Пример +----------+ | body | | 1:3 | | | | +------+ | | | div | | | | 1:1 | | | +------+ | | | | | | | | | | | +---...
27 марта '11 в 0:35
18 отв.

Не отображается ли "display: none", чтобы изображение не загружалось?

В каждом учебном пособии по разработке веб-сайта рекомендуется использовать свойство CSS display:none, чтобы скрыть контент от загрузки в мобильных браузерах, чтобы сайт загружался быстрее. Это правда? Не загружает ли display:none изображения или за...
28 авг. '12 в 14:42
26 отв.

Адаптивный размер шрифта в CSS

Я создал сайт с использованием сетки Zurb Foundation 3. У каждой страницы большой h1: body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class="row"> <div class="twelve columns text-center"&g...
27 марта '13 в 2:23
8 отв.

Скрытие элементов в гибкой компоновке?

Просматривая загрузочный лоток, похоже, что они поддерживают свертывание элементов меню для меньших экранов. Есть ли что-то подобное для других элементов на странице? Например, у меня есть наряду с Nav-таблетками, плавающими справа. На маленьком экр...
08 янв. '13 в 4:50
9 отв.

Сделать кнопку go-full-width?

Я хочу, чтобы кнопка занимала всю ширину столбца, но с трудностями... <div class="span9 btn-block"> <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button> </div> Как сделать кноп...
21 авг. '12 в 21:47
5 отв.

Активно меняйте пропорции, поддерживающие размер div

Когда я даю изображение в виде процента ширины или высоты, он будет расти/уменьшаться, сохраняя его соотношение сторон, но если я хочу получить тот же эффект с другим элементом, возможно ли вообще связать ширину и высоту вместе, используя процент
25 авг. '12 в 13:13
10 отв.

Какой лучший способ сделать макет визуализации d3.js отзывчивым?

Предположим, у меня есть гистограмма script, которая строит графику svg размером 960 500. Как это сделать так, чтобы изменить размер графической ширины и высоты динамически? <script> var n = 10000, // number of trials m = 10, // numb...
22 февр. '12 в 21:18
10 отв.

iOS 8 удалил свойство "minimum-ui" viewport, существуют ли другие "мягкие полноэкранные" решения?

(Это многочастный вопрос, я постараюсь изо всех сил суммировать сценарий.) В настоящее время мы создаем отзывчивое веб-приложение (средство чтения новостей), которое позволяет пользователям прокручивать содержимое с вкладками, а также прокручивать п...
22 июля '14 в 16:43
11 отв.

Поддержка IE8 для CSS Media Query

Поддерживает ли IE8 следующий CSS-запрос: @import url("desktop.css") screen and (min-width: 768px); Если нет, каков альтернативный способ написания? То же самое прекрасно работает в Firefox. Любые проблемы с кодом ниже? @import url("desktop.css"...
24 апр. '11 в 11:21
17 отв.

Воспроизводимые фоновые изображения css

У меня есть веб-сайт (g-floors.eu), и я хочу создать фон (в css я определил bg-изображение для контента) также реагирует. К сожалению, я действительно не знаю, как это сделать, кроме одной вещи, о которой я могу думать, но это довольно обходной путь....
26 сент. '12 в 22:35
5 отв.

Сетка ответных квадратов

Мне интересно, как бы я мог создать макет с адаптивными квадратами. Каждый квадрат будет иметь вертикально и горизонтально выровненный контент. Конкретный пример показан ниже...
08 дек. '13 в 20:44