30
ответов

Высота Div, рассчитанная на 100% от оставшейся высоты [дубликат]

Моя веб-страница выглядит так: структура веб-страницы Я пытаюсь вычислить высоту # content-1 и # content-2, чтобы она занимала всю оставшуюся высоту в окне браузера. Вот мой текущий ...
вопрос задан: 15 July 2015 15:37
9
ответов

вставить javascript в html-страницу на основе размера видового экрана [дубликат]

Может ли кто-нибудь предложить точно, как изменить этот кусок кода, чтобы он выполнялся только в том случае, если страница имеет ширину менее 950 пикселей? Это используется на веб-странице HTML, чтобы поменять меню на меню переключения. Я ...
вопрос задан: 20 August 2015 21:32
8
ответов

Сделать стек таблицы на мобильном устройстве только с css [duplicate]

Я искал всюду, пытаясь сделать свой стек таблицы сам по себе. Это то, что я пытаюсь создать: http://bestreviews.com/best-robotic-vacuums Это моя таблица: https: //codepen.io / ...
вопрос задан: 10 September 2012 10:03
6
ответов

Планирование и Создание мобильного включенного сайта для основного [закрытого] сайта

Мы находимся в начальном перспективном проектировании пристраивания мобильного сайта для одного из наших клиентов. Этот мобильный сайт будет в дополнение к основному сайту, который мы уже создали для них. Мы имеем...
вопрос задан: 22 July 2014 21:51
6
ответов

Как реализовать адаптивную вставку iframe на YouTube с помощью Twitter Bootstrap?

В настоящее время я встраиваю видео Youtube со следующим HAML-кодом в сайт Twitter Bootstrap: .row .span12% iframe.span11 {: height = > "720",: frameborder = > "0",: allowfullscreen ...
вопрос задан: 30 May 2013 09:00
4
ответа

Как я тестирую дизайн веб-сайта на мобильном устройстве?

Я разработал свой сайт с фиксированным фоновым изображением 900 x 600. На компьютере это выглядит хорошо. Как это будет считать устройство КПК? Я должен буду разработать его отдельно для КПК? Как должен проверить ли...
вопрос задан: 10 March 2019 07:40
4
ответа

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

Я хочу создать div, который может изменять его ширину / высоту при изменении ширины окна. Существуют ли какие-либо правила CSS3, которые позволили бы изменить высоту в соответствии с шириной, сохраняя при этом ...
вопрос задан: 4 December 2018 02:59
4
ответа

Pinch-to-zoom, но только в определенной div (не полная страница) [дублировать]

При использовании #main {width: 100%; } #a {background-color: #ccc; margin-bottom: 1em; padding: 0.5em; ширина: 100%; высота: 2м; } #b {width: 100%; высота: 300 пикселей; background-color: red; } & lt; ...
вопрос задан: 9 October 2013 17:13
3
ответа

Как назначить значение CSS для мобильных и настольных компьютеров в одну строку

У меня есть HTML div с шириной 190 пикселей, который нормально работает для настольных компьютеров, но для мобильных устройств - нет, есть ли способ определить, принимает ли соединение с настольного компьютера это значение, иначе принять это значение? это
вопрос задан: 18 January 2019 13:05
2
ответа

Добавление фиксированной панели навигации, которая не покрывает изображение

Я пытаюсь создать отзывчивый загрузчик с липкой навигацией, чтобы идти выше карусели. Однако навигационная панель покрывает верхнюю часть изображения. Как я могу изменить, чтобы он торчал выше для настольных компьютеров / мобильных устройств, ...
вопрос задан: 24 March 2019 03:37
2
ответа

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

Я создал три дочерних компонента для основного содержимого (исключая заголовок и заголовок), поэтому первый компонент не становится адаптивным. Вот код: < div className = "row" style = {{marginTop: '...
вопрос задан: 19 January 2019 22:05
2
ответа

CSS: размер шрифта для размера родительского элемента

Почти каждый вопрос и ответ я нашел разговоры о размере видового экрана; это не мои проблемы. Возьмите эту ручку ... https://codepen.io/njt1982/pen/pZjZNM У меня есть очень простая сетка Bootstrap 4 ...
вопрос задан: 13 July 2018 21:54
2
ответа

Бутстреп-навигатор с гамбургером с ярлыком

Я использую Bootstrap 3. Я использую стандартный класс navbar-toggle с 3 элементами span с классом-иконкой для переключения меню на маленькие экраны, как показано здесь: https://www.w3schools.com/Bootstrap/. ..
вопрос задан: 13 July 2018 10:29
2
ответа

Как вертикально выравнивать с чувствительными div (нет высоты / ширины)?

Я повсюду смотрел (в течение нескольких дней ...), но не мог найти решение, работающее для меня, так что вот я .. Я создал какую-то квадратную, разделенную на 4 div, квадраты, я все хочу реагировать. Вот рисунок ...
вопрос задан: 13 July 2018 08:53
2
ответа

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

В чем разница между col-lg- *, col-md- * и col-sm- * в Twitter Bootstrap?
вопрос задан: 22 February 2018 12:43
1
ответ

Картинка, которая лежит между 2 разделами сайта

Я пытаюсь изучить HTML CSS, создав простой веб-сайт, который я нашел, и я хочу, чтобы изображение лежало между 2 разделами. Как и на этой картинке, картинка лежит между двумя секциями, которые я хочу ...
вопрос задан: 14 April 2019 11:13
1
ответ

Отзывчивый вопрос интеграции GIF

Я немного новичок в css и пытаюсь интегрировать анимированный GIF-файл в качестве экрана смартфона с помощью начальной загрузки, так как мне нужно, чтобы он был отзывчивым. Я мог бы заставить его работать для больших и средних ...
вопрос задан: 18 January 2019 23:29
1
ответ

размер шрифта не реагирует после изменения px на rem

После вдохновения от этой ручки от Дэнни Винтера, которая показывает, как сделать шрифты отзывчивыми без использования медиазапросов, я решил создать другую ручку, но используя rem, поскольку ручка Дэнни Винтера использует px. ...
вопрос задан: 17 January 2019 09:27
1
ответ

Использование jQuery для адаптивного дизайна с $ (window) .width ()?

Я пытаюсь сделать отзывчивый jQuery, я понимаю, что многие люди предлагают использовать CSS Media Queries, и я делаю CSS Media запросы как можно больше, но вещи, которые я могу сделать, очень ограничены, и просто ...
вопрос задан: 17 January 2019 00:49
1
ответ

Bootstrap 3 - модальное срабатывание и мгновенное смещение страницы влево / проблемы с полосой прокрутки браузера

Я работаю над сайтом, используя Bootstrap 3.1.0. Вы заметите, когда откроется модальное окно, полоса прокрутки браузера просто исчезнет на долю секунды, а затем вернется. Это делает то же самое, когда вы закрываете его ....
вопрос задан: 3 March 2017 02:30
1
ответ

Почему при добавлении отображения flex в контейнер дочерний div с таблицей отображения имеет другое поведение? [Дубликат]

Таким образом, я заметил, что только с таблицей div display с шириной 0, h2 внутри этого div занимает столько же ширины, но теперь возникает вопрос, почему при добавлении родительского div вне всего, что с дисплеем ...
вопрос задан: 1 September 2016 02:59
1
ответ

Масштабирование шрифта в зависимости от ширины контейнера

Мне трудно разобраться с масштабированием шрифтов. В настоящее время у меня есть этот сайт с размером основного шрифта 100%. 100% чего хотя? Это, кажется, вычислить в 16px. Я был под ...
вопрос задан: 30 June 2016 03:39
1
ответ

С точки зрения адаптивного дизайна, как вы справляетесь с телефонами с высоким разрешением, такими как Galaxy S4?

Исторически, вы использовали медиазапросы на основе ширины пикселя, чтобы определить, какой дисплей получит конечный пользователь. Однако это не работает / не будет работать, когда вы используете устройство с более высоким разрешением, например ...
вопрос задан: 10 May 2013 20:50
1
ответ

Отзывчивое приложение: какие единицы размера шрифта em против px против pt против процента

Я создаю адаптивное приложение, предназначенное для настольных компьютеров, планшетов и мобильных телефонов, с использованием HTML и CSS, но я не уверен, какой размер шрифта следует использовать, чтобы шрифт хорошо вписывался в экран любого размера. Что .
вопрос задан: 4 September 2012 21:04
0
ответов

Определить изменение ширины окна, но не изменение высоты

Я использую функцию .resize () для обнаружения событий изменения размера окна, но это обнаруживает изменения как высоты, так и ширины. Есть ли способ обнаружить только изменение ширины, а не изменение высоты?
вопрос задан: 26 August 2019 16:10
0
ответов

Изменить тело таблицы в соответствии с экраном

Я использую bootstrap 3, у меня есть таблица, которая должна изменить тело в соответствии с размером экрана. Посмотрите на правила CSS (@media), это вариант, но я хотел, чтобы он работал как адаптивный ...
вопрос задан: 27 March 2019 15:21
0
ответов

Более надежный метод для мобильной разработки

Я сейчас занимаюсь разработкой сайта. Чтобы убедиться, что на мобильных устройствах все работает хорошо, я создал несколько пользовательских устройств в эмуляторе устройства Chromes. Просто прошлой ночью я решил проверить это ...
вопрос задан: 23 March 2019 18:29
0
ответов

WordPress 125% дублирует виджеты / Изменить точки останова

// Исходная ситуация - что у меня есть и что я хочу, я использую WordPress версии 5.1.1 с плагином Elementor Page Builder версии 2.5.8, и я хочу, чтобы адаптивный сайт выглядел хорошо на обоих ...
вопрос задан: 19 March 2019 08:46
0
ответов

Использование CSS-функций max () с размерами области просмотра

Я пытался использовать CSS для масштабирования текста относительно наименьшего размера окна, ширины, если экран вертикальный, и высоты, если экран горизонтальный. Для этого я попытался установить ...
вопрос задан: 9 March 2019 21:10
0
ответов

Как сделать выпадающее меню в jQuery сбросить при разном размере экрана?

В настольной версии у меня есть нижний колонтитул с четырьмя столбцами, который в мобильной версии превращается в выпадающее меню. Когда я нажимаю & amp; откройте одно из выпадающих меню & amp; затем я изменяю размер экрана на рабочий стол & amp; ...
вопрос задан: 6 March 2019 16:30