О примере Bootstrap - PullRequest
       3

О примере Bootstrap

0 голосов
/ 06 июня 2018

Я новичок в html и css, поэтому я просто реализую этот сайт http://getbootstrap.com/docs/4.1/examples/dashboard/ Я не хочу, чтобы левая боковая панель исчезала, когда я увеличивал изображение, нажимая cmd + '+' или Ctrl + '+',(Я думаю, что я хотел бы видеть настольную версию Интернета на экране мобильного устройства.) Возможно, это связано с прикреплением в файле dashboard.css, но я не знаю, что делать.Вы можете увидеть dashboard.css и связанные файлы, просмотрев источник по ссылке выше.Спасибо!

Ответы [ 2 ]

0 голосов
/ 06 июня 2018

Попробуйте удалить положение свойства боковой панели: исправлено;и отображать: нет;для мобильного телефона.

0 голосов
/ 06 июня 2018

Вы можете использовать em единицу с медиа-запросом

.rwd-container {
   width : 50px;
   height : 50px;
   margin : 0 auto;
    background-color: blue;
}

@media (max-width: 30em) {
  .rwd-container {
    background-color: red;
  }
}
<div class="rwd-container"></div>

https://jsfiddle.net/o4s18wmL/8/

30em = базовый размер шрифта (16 пикселей) * 30 = 480 пикселей;


ширина519px более 30em (480px), медиазапрос не относится к работе

enter image description here


увеличить размер шрифта: 110%, ширина 461,278px менее 30em (480px), медиа-запрос будет работать

enter image description here


Похожие:

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...