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

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;
}

如果两个单元没有功能差异，我会说使用相同的测量值，否则使用所需的值。