从桌面视图中的26％宽度到移动视图中的90％宽度

Question

我在桌面视图上创建了一个width: 48%的模块，但是当它在较小的视图中（例如移动设备）时，它太小而且应该是width: 90%

实现这一目标的最佳方法是什么？

我已经在使用

了

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

Answer 1

媒体查询：

JS Fiddle Example

.module {
   width: 48%;
}
@media only screen and (max-width: 480px) {
  .module {
    width: 90%;
  }
}

推荐阅读：
Logic in Media Queries