关于Bootstrap示例

Question

我是html和css的新手，所以我只是实现了这个网站 http://getbootstrap.com/docs/4.1/examples/dashboard/ 当我通过按cmd +'+'或Ctrl +'+'放大时，我不希望左侧边栏消失。 （我想我可能想在手机屏幕上看到网页的桌面版。）也许这与dashboard.css文件中的sticky相关，但我不知道该怎么做。您可以通过查看上面链接中的源来查看dashboard.css和相关文件。谢谢！

Answer 1

您可以将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），媒体查询不适用于工作

缩放字体大小：110％，宽度461.278px小于30em（480px），媒体查询将起作用

相关：

• zooming-squishes

Answer 2

尝试删除侧边栏的属性位置：固定;并显示：无;移动。