我想浮动的左侧div调整移动设备的宽度

Question

当屏幕尺寸发生变化时，任何人都可以告诉为什么otherParams宽度未调整为<div>吗？是因为我使用了48%？

CSS：

position: relative;

Answer 1

好像你忘记了媒体查询中的.wrap和大括号：

@media(max-width: 580px) {
  .wrap {
    width:48%;
  }
}

另请参阅these examples有关如何记录媒体查询的信息。

Answer 2

解决您的问题

@media(max-width: 580px){
  .wrap{
  width:48%;
  }
 }

https://jsfiddle.net/11opj4nq/

Answer 3

你好先记得手机:)。好的做法是覆盖大型设备中的代码。

.wrap {
 width: 48%;
 background: white;
 margin: 5px;
 padding: 10px;
 float: left;
 display: block;
 overflow: hidden;
 position: relative;
}

@media screen and (min-width: 580px) {
  .wrap {
    width: 24%;
    margin: 15px; 
  }
}