Question

只是想知道在同一个css规则中使用百分比和像素是否是不好的做法，如果是这样，那么它的副产品是什么。

示例：

.left {
    width:59%;
    height:500px;
    float:left;
    margin-right:5.1%;
    background:rgba(0, 0, 0, 0.70);
    background-repeat:repeat;
    margin-top:5%;
}
.pic {
    width:90%;
    height:90%;
    margin:25px auto 0 auto;
    background:url('img/picOne.png');
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}

Answer 1

我从未遇到过这种最佳做法。功能胜过代码风格（潜在？）问题，例如，您可能需要百分比宽度和像素高度。例如，如果你有一个三列布局，并且需要一个固定的高度，你可能会做类似的事情，

.elements {
  width: 33%;
  height: 300px;
}

如果这两个单位没有任何功能差异，我会说使用相同的测量，但否则使用所需的。

在同一规则中混合百分比和像素是否存在问题？

1 个答案: