使 div 不可扩展答案

【问题标题】：make div NOT scalable使 div 不可扩展
【发布时间】：2015-03-26 15:04:38
【问题描述】：

有没有办法让 div 不可扩展？

这是我的 CSS：

.card{
margin-left:5px;
width:19%;
float:left;
}

我希望 div 卡即使在缩放浏览器时也保持相同的宽度。

【问题讨论】：

不要在width中使用百分比。

标签： html css

【解决方案1】：

仅当 div 元素的容器具有以像素为单位的固定宽度时，才使用百分比。或者，正如 Oriol 告诉您的，为您的 div 使用固定宽度

【讨论】：

【解决方案2】：

如果您只是使用 px 而不是 % 设置宽度，它会将其最大化到该宽度

Fiddle

【讨论】：

如果宽度应始终为屏幕宽度的 1/5，这将不起作用...我对宽度为 100% 的粘性顶部菜单也有同样的问题，但我不想要让它可扩展...

【解决方案3】：

width 属性

指定框的content width。

它可以有这些值：

<length>：使用长度单位指定内容区域的宽度。

<percentage>：指定百分比宽度。百分比是根据生成框的宽度计算的 containing block。

auto：宽度取决于其他属性的值。

您使用的是百分比。请改用固定的length：

长度值的格式是<number>（带或不带小数点）紧跟一个单位标识符（例如，px， em 等）。

【讨论】：

【解决方案4】：

您可以通过 css 选择器来定位父级 no 的子级以进行缩放，但不幸的是，您不能将缩放作为单个元素的属性禁用。

#parent > span:not(:last-child){
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    display:block;
}

看到这个Answer

【讨论】：