Css 试图理解响应式设计中的特定场景

假设我在一个网页上有一个div，它以1000px的宽度显示在桌面上。比方说，我希望在所有手机上，该div在纵向模式下以100%宽度显示。在不使用引导的情况下，最简单的方法是什么

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

---

这条规则在这样的情况下会非常有效：如果屏幕宽度大于1000px，它会使DIV 1000px宽，并且在所有小于1000px宽的屏幕上都会使DIV 100%宽。

约翰尼斯的答案真是太棒了，但是如果你需要更多地控制显示内容，你可以始终使用媒体查询

---

示例：仅当屏幕宽度为时隐藏侧边栏无法强制设备以1000px宽显示。div的宽度是否正好如此重要？为什么不使用宽度：100%？你知道手机屏幕的大小吗？很多都不是1000像素宽。

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