Лучшие responsive-design вопросы ИТ разработчиков

  • 3голосов
  • 7ответов
  • 0просмотров

Как изменить Elastislide так, чтобы он работал бесконечно

Я искал карусель изображений, которая будет отображать несколько изображений одновременно, она отзывчива и работает бесконечно. Elastislide кажется наиболее подходящим ...

Задан Jun 02, 2012, 5:19 AMотKirstan
  • 22голосов
  • 3ответа
  • 0просмотров

Twitter Bootstrap2 100% отзывчивый рост

Я хочу сделать адаптивный макет с помощью Twitter начальной загрузки v2, с колонкой и картой. Идея состоит в том, чтобы создать подобный пользовательский интерфейс с maps.google.com, но с использованием адаптивного дизайна с bootstrap2. Я хочу ...

Задан Oct 23, 2012, 10:39 PMотjperelli
  • 5голосов
  • 2ответа
  • 0просмотров

Адаптивный макет учебник? [закрыто]

Есть ли уроки как сделать адаптивный макет похож наэтот [http://themes.hellominti.com/elogix/]? Я ищу по всему интернету, но не могу найти ни одного нормального учебного пособия, так как все остальные изменяют размер окна, и вы можете увеличивать ...

Задан Jul 31, 2015, 6:39 PMотRevanthKrishnaKumar V.Vdas Dorls
  • 13голосов
  • 8ответов
  • 0просмотров

Bootstrap, внесение адаптивных изменений в макет

Я использую гибкий макет Twitter Bootstrap для своего дизайна и собираюсь сделать его адаптивным. Рассмотрим такую сетку: <div class="row-fluid"> <div class="span4"></div> <div class="span8"></div> </div>Каков наилучший способ скрыть span4 и ...

Задан Nov 29, 2014, 10:51 PMотC. E.
  • 13голосов
  • 2ответа
  • 0просмотров

CSS для изображений с высоким разрешением на мобильных устройствах и дисплеях Retina

Изображения на моем сайте выглядят размытыми для пользователей с дисплеями сетчатки. (Например, на Retina MacBook Pro). Как доставлять изображения с высоким разрешением посетителям с дисплеями сетчатки, но с изображениями стандартного размера ...

Задан May 15, 2016, 6:22 AMотChris Nolet
  • 51голосов
  • 5ответов
  • 0просмотров

Масштаб iFrame CSS ширина 100%, как изображение

Я хочу масштабировать iFrame через CSS, чтобыwidth: 100%и высота должна масштабироваться пропорционально ширине. С<img> тег это работает отлично. И изображение, и iFrame определили ширину и высоту в html. Вот несколько примеров: <html> ...

Задан Oct 06, 2014, 7:18 PMотadmdrewOliver
  • 44голосов
  • 8ответов
  • 0просмотров

CSS масштабирует высоту, чтобы соответствовать ширине - возможно с формфактором

Я реализовал карту GoogleMapsV3 на базовом адаптивном дизайн-сайте twitterBootstrap. Но мой вопрос довольно прост: у меня есть: <div id="map"></map>а также #map{ width: 100%; height: 200px }Мне бы хотелось иметь возможность изменять высоту до ...

Задан Jan 05, 2018, 3:54 PMотIvarSteen
  • 6голосов
  • 4ответа
  • 0просмотров

Где разместить медиа-запросы CSS3?

У меня с собой философская дискуссия о том, как лучше всего разместить медиазапросы в таблицах стилей. Я пытаюсь структурировать свой CSS модульно (например, OOCSS или SMACSS и т. Д.). Учитывая этот контекст, я вижу два варианта: 1. Put all ...

Задан Jul 03, 2012, 10:35 PMотMatt Fordham
  • 9голосов
  • 5ответов
  • 0просмотров

как вызвать различные действия jquery в адаптивном дизайне

Я нахожусь в точке, чтобы преобразовать мой проект в адаптивный дизайн. Какое наиболее удобное и универсальное решение вы предлагаете для реализации различных jQuery-блоков для каждой точки останова? Я хочу сохранить все скрипты в одном файле, ...

Задан May 03, 2016, 7:22 PMотKamiccolofelixaburg
  • 10голосов
  • 4ответа
  • 0просмотров

Определить место намотки в плавающих элементах

Допустим, у меня есть шесть<div> элементы внутри контейнера<div>, Каждый из этих шести элементов является квадратом и имеет стиль CSSfloat: left применяется. По умолчанию, когда они достигают края контейнера<div> они завернут. Теперь мой вопрос, ...

Задан Jul 09, 2012, 7:04 PMотGabriele PetrioliJeremy Harris
  • 6голосов
  • 2ответа
  • 0просмотров

asp.net MVC лучший шаблон адаптивного дизайна

Я сравниваю адаптивные шаблоны дизайна для моего нового веб-приложения MVC 4. до сих пор я рассматриваю Bootstrap из твиттера и основа фреймворка из Zurb. Я просто хочу узнать, какой из них лучше, основываясь на вашем опыте? Есть ли другой ...

Задан Jul 16, 2012, 7:05 AMотTepu
  • 21голосов
  • 3ответа
  • 0просмотров

Отзывчивая высота, пропорциональная ширине

Можно ли реализовать следующую логику с использованием HTML и CSS? width: 100%; height: 30% of width;Что я хочу реализовать: Если я уменьшу ширину, высота также уменьшится пропорционально.

Задан Aug 10, 2013, 6:19 PMотMatt Coughlinfedor.belov
  • 42голосов
  • 6ответов
  • 0просмотров

Адаптивные изображения с CSS

Мне сложно изменить размеры изображений, чтобы сделать их отзывчивыми. Я разрабатываю php-приложение для автоматического преобразования веб-сайта в адаптивную версию. Я немного застрял на изображениях. Я успешно добавил класс-обертку к каждому ...

Задан Jul 31, 2012, 8:48 AMотDan Hanly
  • 0голос
  • 1ответ
  • 0просмотров

Настройка Twitter Bootstrap Grid не работает

Я пытаюсь сделать сетку из 24 столбцов. Я рассчитал это: Ширина сайта: 997px Количество столбцов: 24 Ширина столбца: 31 пикселей Ширина водосточного желоба: 11 пикселей Ширина жидкостной колонки: 3.1093279839519% Ширина водосточного желоба: ...

Задан Aug 07, 2012, 10:07 PMотPixMach
  • 11голосов
  • 5ответов
  • 0просмотров

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

Я использую выпадающее меню суперфиш с Skelton Framework. Я хотел, чтобы это работало и на мобильных телефонах. По умолчанию он показывает выпадающие элементы, но он находится над элементами под ним. Я хочу, чтобы он был таким, чтобы родительские ...

Задан Aug 09, 2012, 3:30 PMотuser1433900
  • 23голос
  • 1ответ
  • 0просмотров

Android-браузер игнорирует адаптивный веб-дизайн

Я только что начал конвертировать свой веб-сайт с «адаптивным веб-дизайном». Я установил & quot; Веб-разработчик & quot; Плагин для Firefox ( http://chrispederick.com/work/web-developer/ [http://chrispederick.com/work/web-developer/]) проверить, ...

Задан Aug 19, 2012, 9:52 AMотSDwarfs
  • 42голосов
  • 3ответа
  • 0просмотров

Какие медиа-запросы наиболее важны для создания мобильного адаптивного дизайна?

Существует много разных медиа-запросов для размеров экрана мобильного телефона. Это может быть ошеломляющим, чтобы приспособить их всех при разработке адаптивного мобильного сайта. Какие из них наиболее важны при разработке для мобильных ...

Задан Aug 20, 2012, 10:06 PMотMatt
  • 250голосов
  • 9ответов
  • 0просмотров

Заставить кнопку идти на полную ширину?

Я хочу, чтобы кнопка занимала всю ширину столбца, но возникают трудности ... <div class="span9 btn-block"> <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button> </div>How do I make the button as wide as ...

Задан Aug 21, 2012, 6:47 PMотuser1438003
  • 304голосов
  • 16ответов
  • 0просмотров

«Display: none» препятствует загрузке изображения?

Каждый отзывчивый учебник по разработке сайтов рекомендует использоватьdisplay:none Свойство CSS, чтобы скрыть контент от загрузки в мобильных браузерах, чтобы сайт загружался быстрее. Это правда? Есть лиdisplay:none не загружать изображения или ...

Задан Sep 07, 2017, 8:08 AMотTechnoCratnasty
  • 27голосов
  • 5ответов
  • 0просмотров

Установите высоту div, равную размеру экрана

У меня есть элемент div в twitter-bootstrap, который будет иметь содержимое, которое будет перетекать вертикально за пределы экрана. Я хотел бы, чтобы div брал высоту размера окна браузера и позволял остальному контенту прокручиваться ...

Задан May 23, 2017, 11:46 AMотCommunityAnand Sunderraman
  • 20голосов
  • 5ответов
  • 0просмотров

поддержка нескольких разрешений и плотности изображений в телефоне

Я новичок в PhoneGap и столкнулся с проблемой, я делаю приложение PhoneGap, которое будет работать на нескольких устройствах платформы с разным размером экрана и разным разрешением экрана, поэтому мне нужно загружать изображения с разным ...

Задан Aug 29, 2012, 12:10 PMотprateek
  • 7голосов
  • 2ответа
  • 0просмотров

Twitter Bootstrap: остановить поле ввода, выходящее за пределы скважины

У меня возникли проблемы при попытке решить эту проблему. В документах говорится, что я должен установить диапазон, равный родительскому диапазону, однако, когда я это сделаю, он простирается вправо от контейнера лунки. Он выглядит хорошо при ...

Задан Sep 07, 2012, 2:30 PMотFlorentNiall O'Brien
  • 11голос
  • 1ответ
  • 0просмотров

Можно ли выбрать порядок укладки пролетов?

Я начинаю проект с помощью Twitter Bootstrap, и очень похож на отзывчивый CSS, заставляя промежутки накладываться друг на друга, когда область просмотра становится меньше. Учитывая следующий ...

Задан Sep 01, 2012, 10:34 AMотFilburtBenjamin
  • 21голос
  • 1ответ
  • 0просмотров

Nexus 7 screen.width возвращает 800, но максимальная ширина медиазапроса: 720px по-прежнему применяется

У меня есть планшет Google Nexus 7, который я использую для тестирования некоторых адаптивных дизайнов. В JavaScript,screen.width возвращает как 800px, как и ожидалось (собственное разрешение). Как получается, что следующий медиа-запрос ...

Задан Sep 06, 2012, 3:28 PMотJake Wilson
  • 16голосов
  • 4ответа
  • 0просмотров

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

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

Задан Sep 04, 2012, 9:04 PMотdextervip
  • 8голосов
  • 2ответа
  • 0просмотров

как processing.js может определить размер браузера?

Как уже упоминалось, как processing.js может реагировать на размер браузера? (адаптивный дизайн) Я пытался использовать screen.width и screen.height, но он не работал должным образом. Кажется, только определяют размер экрана компьютера. What's ...

Задан Oct 13, 2012, 8:16 PMотJAMESSTONEcokikkpunk
  • 6голосов
  • 3ответа
  • 0просмотров

Как я могу распознать медленные устройства на моем сайте?

При адаптации веб-страницы для мобильных устройств я всегда полагаюсь на медиа-запросы CSS. В последнее время я больше не беспокоюсь только о размере экрана, а также о движке JavaScript многих мобильных устройств. Некоторые распространенные ...

Задан Sep 15, 2012, 1:31 PMотSystematicFrank
  • 2голосов
  • 3ответа
  • 0просмотров

позиция слишком высокого уровня должна изменяться, когда значение слишком мало

Метки данных (в данном случае наличные) в большинстве случаев находятся в нужном месте, прямо внутри панели справа. Однако, если значение столбца достаточно низкое, оно перекрывается с меткой оси (как показано на фиолетовом столбце). Моим первым ...

Задан Sep 26, 2012, 5:59 PMотJugal ThakkarFresheyeball
  • 13голосов
  • 2ответа
  • 0просмотров

Twitter Bootstrap Отзывчивый Карусель с несколькими предметами

Я пытаюсь настроить карусель Twitter Bootstrap с несколькими элементами, сохраняя при этом скорость отклика. У меня есть jsfiddle для настройки тестированияhttp://jsfiddle.net/Va8Un/ [http://jsfiddle.net/Va8Un/] Я хотел бы отобразить 4 ...

Задан Sep 20, 2012, 6:23 PMотNoz
  • 128голосов
  • 11ответов
  • 0просмотров

iPhone 5 CSS медиа-запрос

IPhone 5 имеет более длинный экран, и он не улавливает мобильный вид моего веб-сайта. Каковы новые адаптивные дизайнерские запросы для iPhone 5 и можно ли их комбинировать с существующими запросами iPhone? Мой текущий медиа-запрос таков: @media ...

Задан Sep 22, 2012, 4:49 AMотBoltClockMaverick
  • 47голос
  • 1ответ
  • 0просмотров

Отзывчивый iframe (карты Google) и странное изменение размера

Я пытаюсь добавить Google Map в свой дизайн, который должен быть адаптивным. Я использовал тот же код, который работает с изображениями ... Но по какой-то причине iframe карты изменяется с размерами, которые я не ...

Задан Oct 01, 2012, 3:53 PMотCorinne
  • 10голосов
  • 5ответов
  • 0просмотров

как перестать отзываться на изображение в твиттере-бутстрапе?

Я использую загрузчик Twitter для создания адаптивного макета. Это работает как здорово. Это делает изображения слишком отзывчивыми. Мне нужно, чтобы некоторые изображения были только фиксированной ширины и высоты. <div class="span1"><img ...

Задан Oct 04, 2012, 2:49 AMотLoganPHP
  • 21голос
  • 1ответ
  • 0просмотров

Nexus 7 screen.width возвращает 800, но максимальная ширина медиазапроса: 720px по-прежнему применяется

У меня есть планшет Google Nexus 7, яиспользую для тестирования некоторые адаптивные конструкции. В JavaScript,screen.width возвращает как 800px, как и ожидалось (собственное разрешение). Почему планшет получает следующий медиазапрос, если ...

Задан Sep 04, 2012, 3:26 AMотJake Wilson
  • 16голосов
  • 4ответа
  • 0просмотров

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

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

Задан Sep 04, 2012, 6:53 PMотdextervip
  • 8голосов
  • 2ответа
  • 0просмотров

как processing.js может определить размер браузера?

Как уже упоминалось, как processing.js может реагировать на браузерразмер с? (отзывчивый дизайн) яя пробовал screen.width и screen.height, но это не такне работает хорошо. Кажется, только определить размер компьютераРазмер экрана. Какие'Я хочу ...

Задан Sep 08, 2012, 11:22 AMотkikkpunk
  • 6голосов
  • 3ответа
  • 0просмотров

Как я могу распознать медленные устройства на моем сайте?

При адаптации веб-страницы для мобильных устройств я всегда полагаюсь на медиа-запросы CSS. В последнее время я больше не беспокоюсь только о размере экрана, а также о движке JavaScript многих мобильных устройств. Некоторые распространенные ...

Задан Sep 15, 2012, 10:50 AMотSystematicFrank
  • 13голосов
  • 2ответа
  • 0просмотров

Twitter Bootstrap Отзывчивый Карусель с несколькими предметами

я пытаюсь настроить карусель Twitter Bootstrap с несколькими элементами, сохраняя при этом скорость отклика. У меня есть jsfiddle для настройки тестированияhttp://jsfiddle.net/Va8Un/ [http://jsfiddle.net/Va8Un/] Я хотел бы отобразить 4 ...

Задан Sep 20, 2012, 4:12 PMотNoz
  • 128голосов
  • 11ответов
  • 0просмотров

iPhone 5 CSS медиа-запрос

IPhone 5 имеет более длинный экран ине ловит мой сайтмобильный вид. Каковы новые адаптивные дизайнерские запросы для iPhone 5 и можно ли их комбинировать с существующими запросами iPhone? Мой текущий медиа-запрос таков: @media only screen and ...

Задан Sep 21, 2012, 10:27 PMотMaverick
  • 47голос
  • 1ответ
  • 0просмотров

Отзывчивый iframe (карты Google) и странное изменение размера

Я пытаюсь добавить Google Map в свой дизайн, который должен быть адаптивным. Я'мы использовали тот же код, который работает для изображений ... Но по какой-то причине картаs iframe изменяет размеры с размерами, которые я ...

Задан Oct 01, 2012, 1:53 PMотCorinne
  • 10голосов
  • 5ответов
  • 0просмотров

как перестать отзываться на изображение в твиттере-бутстрапе?

Я использую Twitter начальной загрузки для создания адаптивного макета. Это работает как здорово. Это делает изображения слишком отзывчивыми. Мне нужно, чтобы некоторые изображения были только фиксированной ширины и высоты. Как я могу это сделать?

Задан Oct 04, 2012, 12:49 AMотLoganPHP
  • 6голосов
  • 3ответа
  • 0просмотров

Zurb Foundation 3 - Разделы полной ширины и изменение максимальной ширины?

Я используюZURB Foundation 3 [http://foundation.zurb.com/]по моему проекту. Я люблю грид-системы и адаптивные сайты, но моя проблема в том, что я все еще твердо верю, что они должны быть построены шире, чем 1000 пикселей. У меня есть несколько ...

Задан Oct 11, 2012, 3:09 PMотmatt
  • 2голосов
  • 3ответа
  • 0просмотров

позиция слишком высокого уровня должна изменяться, когда значение слишком мало

Метки данных (в данном случае наличные) в большинстве случаев находятся в нужном месте, прямо внутри панели справа. Однако, если значение столбца достаточно низкое, оно перекрывается с меткой оси (как показано на фиолетовом столбце). Моим первым ...

Задан Sep 18, 2012, 10:41 PMотFresheyeball
  • 4голосов
  • 9ответов
  • 0просмотров

Изменить порядок деления на адаптивном дизайне

Я создаю адаптивный дизайн сайта. В основном, когда порт просмотра ниже, чем X, я хочу показать меню в нижней части страницы. ПРИМЕР ССЫЛКА МЕРТВЫЙ - САЙТ НЕ ДОЛГО МЕНЯ Если вы измените размер окна браузера, вы заметите 3 разных дизайна (на ...

Задан Oct 17, 2012, 9:33 AMотJamie Teuma
  • 2голос
  • 1ответ
  • 0просмотров

Zerb Foundation 3 - IE7 Fix не работает?

У меня проблема с получением исправления IE7 для Zerb Foundation 3 (нашел ЗДЕСЬ) [http://www.stormconsultancy.co.uk/blog/development/code-snippets/making-zurb-foundation-3-work-on-ie7/] Я изменил следующее: * { -webkit-box-sizing: border-box; ...

Задан Oct 18, 2012, 2:38 PMотmatt
  • 30голосов
  • 3ответа
  • 0просмотров

Адаптивный дизайн - Media Query не работает на iPhone?

Я пытаюсь создать мобильную дружественную версию своего веб-сайта, чтобы мой веб-сайт реагировал на экран меньшего размера и соответственно масштабировался. Мы создали несколько медиа-запросов, которые корректно ведут себя в браузере ...

Задан Oct 21, 2012, 8:15 PMотGearu
  • 6голосов
  • 2ответа
  • 0просмотров

Медиа-запросы - мобильный и настольный браузер

Я видел много сайтов, которые реагируют как на настольные браузеры, так и на мобильные телефоны, я работаю над сайтом, и у меня есть следующие настройки таблицы стилей: (Веб-сайт Hicks Design - хороший пример того, чего я хочу достичь, если он ...

Задан Oct 23, 2012, 9:57 AMотDan
  • 10голосов
  • 5ответов
  • 0просмотров

Off Canvas Layout для Twitter BootStrap

Есть ли какой-нибудь примерОфф Холст " верстка с помощью твиттера? Я нашел один вФонд [http://www.zurb.com/playground/playground/off-canvas/offcanvas-4.html]и есть также этоCSS3 эксперимент ...

Задан Nov 26, 2012, 9:37 AMотAnand Sunderraman
  • 14голос
  • 1ответ
  • 0просмотров

Наклоните верхнюю часть div, используя CSS без перекоса текста

Я пытаюсь создать div, который наклоняется только сверху и не искажает текст внутри него, используя CSS. Причина, по которой я хотел бы, чтобы он был только для CSS, заключается в том, что он является адаптивным дизайном и должен реагировать на ...

Задан Nov 27, 2012, 6:27 PMотcodeadventurer
  • 12голосов
  • 2ответа
  • 0просмотров

Как я могу избежать дублирования медиазапросов?

Именно каскад делает CSS особенным и мощным. Но в случае медиа-запросов перекрываютсяМожнокажется проблематичным. Рассмотрим следующий CSS (продолжениеправила перекрытия медиазапросов ...

Задан Nov 29, 2012, 7:39 PMотBaumr
Пред12...6След