Question

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

这是我的css：

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

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

Answer 1

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

Answer 2

如果您只是使用px而不是%来设置宽度，则会将其宽度设置为该宽度

Fiddle

Answer 3

width属性

指定content width个框。

它可以包含以下值：

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

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

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

您正在使用百分比。改为使用固定的length：

长度值的格式为<number>（有或没有小数点后面紧跟一个单位标识符（例如，px， em等。）。

Answer 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

使div不可扩展

4 个答案: