responsive-design

у меня есть этот код: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unsty...

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

Я хотел бы создать фиксированную боковую панель, которая существует за пределами мой центрированной сетке Bootstrap. Проблема, с которой я сталкиваюсь при попытке сделать это, заключается в определении того, какие дополнительные стили применять/перезаписывать к моему .container чтобы он не перекрывал мою боко...

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

У меня есть элемент прокрутки на моей странице (с плагином jQuery jScrollPane). То, что я хочу сделать, - это способ отключить окно прокрутки, определив ширину окна браузера. Я делаю отзывчивый макет, и я хочу, чтобы эта функция прокрутки была отключена, когда браузер находится ниже определенной ширины. Я мог...

Как мы точно распределяем медиа-запросы, чтобы избежать перекрытия? например, если мы рассмотрим код: @media (max-width: 20em) { /* for narrow viewport */ } @media (min-width: 20em) and (max-width: 45em) { /* slightly wider viewport */ } @media (min-width: 45em) { /* everything else */ } что...

С помощью CSS медиа-запросов вы можете использовать max-device-width для определения ширины устройства (например, устройства iPhone или Android) и / или max-width это нацелено на ширину страницы. если вы используете max-device-width, при изменении размера окна браузера на рабочем столе, CSS не изменится, пот...

Я работаю на сайте с помощью Bootstrap 3.1.0. вы заметите, когда откроется модальное окно, полоса прокрутки браузера просто исчезает на долю секунды, а затем возвращается. Он делает то же самое, когда вы закрываете его. Как я могу сделать так, чтобы он просто открывался и закрывался без взаимодействия с пол...

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

в этом примере: CSS h1 { font-size: 2em; } .smaller { font-size: 0.5em; } HTML <h1>Hi, I am a <span class="smaller">toad</span></h1> будет ли слово "жаба" 0,5 раза 16px (стандартный размер шрифта браузера) или это будет 0,5 раза 2em (размер шрифта h1)?...