给出一个简单的CSS定义:
min-width: calc(50% + 12px);
当CSS被缩小/捆绑时,捆绑器似乎剥离了某些空格,以便上面的内容如下所示:
min-width: calc(50%+ 12px);
当然,它是无效的CSS并被浏览器忽略。有没有人知道如何/为什么会发生这种情况,以及是否有某种设置/修复来改善这个问题?
答案 0 :(得分:0)
.banner {
position: absolute;
left: calc(40px);
min-width: calc(50% + 12px);
border: solid black 1px;
background-color: yellow;
padding: 6px;
text-align: center;
box-sizing: border-box;
}
<div class="banner">This is a banner!</div>