如何控制我的媒体查询？答案

【问题标题】：How can I control my media queries?如何控制我的媒体查询？
【发布时间】：2017-10-08 04:35:53
【问题描述】：

我正在尝试使我的网站具有响应性，但每当我调整浏览器大小时，内容就会开始变化并变得混乱。我试图修复它，但我需要修复每个可能的维度，因为例如我为 432px 设置了媒体查询，当我将其调整为 440px 时，我在某处有一个额外的不需要的空白。我将 vh 和 vw 用于 div 和容器， % 用于定位。无论如何，如果不是，我是否必须为每个新维度设置媒体查询，请告诉我是否有技巧可以避免这种额外的艰苦工作。

【问题讨论】：

如果你想得到任何有用的答案，你需要发布你的代码

标签： html css media-queries responsive

【解决方案1】：

您只能创建 4 种不同的媒体查询，例如一些 Twitter Bootstrap 框架

//For extra small devices, phones
@media (max-width: 480px)

//For small devices, tablets
@media (max-width: 768px)

//For medium devices, desktops
@media (max-width: 992px)

//For large devices, wide screens
@media (max-width: 1200px)

【讨论】：