Question

我们假设我在一个以1000px宽度显示在桌面上的网页上有一个div。让我们说我希望在所有手机上以纵向模式显示100％宽度的div。如果不使用Bootstrap，最简单的方法是什么？

Answer 1

.yourdiv {
  width: 100%;
  max-width: 1000px;
}

在以下情况下，此规则可以很好地工作：如果屏幕宽度超过1000像素，它会使DIV 1000px变宽，并且在宽度小于1000像素的所有屏幕上使其宽100％。

Answer 2

Johannes的答案非常棒，但如果你需要对显示的内容有更多的控制权，你可以随时使用媒体查询。

示例：仅在屏幕宽度为＆lt; = 600px：

时隐藏侧边栏

@media (max-width: 600px) {
    .sidebar {
        display: none;
    }
}