如何控制媒体查询？

Question

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

Answer 1

，如果你想获得任何有用的答案，您可以创建仅4不同的媒体查询像一些Twitter的引导框架

//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)