我希望左浮动div调整移动设备上的宽度

詹姆斯·海斯(James Hayes)

谁能说出为什么随着屏幕尺寸的变化<div>而不调整宽度48%是因为我用过position: relative;吗?

CSS:

.wrap {
  width: 24%;
  background: white;
  margin: 15px;
  padding: 10px;
  float: left;
  display: inline-block;
  overflow: hidden;
  position: relative;
}

@media(max-width: 580px){
  width: 48%;
}
安德烈亚斯

似乎您只是忘记.wrap了媒体查询中和大括号:

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

另请参阅以下有关如何注释媒体查询的示例

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

当浏览器宽度调整大小时,如何防止浮动div在其他浮动div下方移动?

Bulma .field-div 在移动设备上左对齐

我希望我的div在调整浏览器大小时移动

浮动后将浮动Div宽度调整为100%

CSS-左浮动的两个50%宽度的div不在一行上-jsfiddle

只希望我的功能不再是移动设备时在更大的屏幕上显示

为移动设备调整大小时响应 CSS 浮动表

我希望我的网页仅在台式机和平板电脑上缩小,而不能在移动设备上缩小

在移动设备上隐藏 DIV

调整文本框的宽度并使移动设备响应

在移动设备上检查时,div均未使用最大宽度为100%

我的导航栏在最大宽度为 480 像素的移动设备上没有响应

将屏幕上的div调整从1200px(及更高)更改为移动设备

Div左浮动下降

在移动设备上使用 jquery 隐藏 div

CSS - 移动设备上的 2 个 div

如何在移动设备上居中左对齐文本

如何在移动设备上强制缩小或最小宽度?

机身宽度超过100%,仅在移动设备上

网格容器超出了移动设备上允许的最大宽度

调整所有移动设备的DIV表大小

我无法在设备上摇动/移动

当我调整浏览器大小而不是在移动设备上时,媒体查询工作正常

三.js 在移动设备上意外调整大小

在移动设备上如何防止徽标调整大小?

使div具有三个内部浮动div来响应移动设备

CSS div浮动-移动div

HTML5表格-调整浏览器大小时,我只希望某些列调整宽度

自动调整div宽度