媒体查询与"%"的使用有何不同？

Question

我知道媒体查询用于创建响应式布局.

然而它们似乎多余; 我们不能实现我们所需要的一切%吗？

Answer 1

使用%帮助定义布局创建流畅的布局,而不是响应布局.

媒体查询可帮助您为不同的屏幕尺寸定义不同的样式集.

同样使用媒体查询,您不必仅限于高度和重量,您可以控制超过尺寸.

以下示例为不同的屏幕尺寸创建不同的背景:

@media only screen and (min-width: 320px) {
   body { 
      background: red;
   }
}

@media only screen and (min-width: 780px) {
   body { 
      background: blue;
   }
}

能%做到吗？ 没有