calc() returns 百分比,而不是像素?
The calc() returns percentage, not pixels?
这是我的代码:
width: -moz-calc(100% - 30px);
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
我想要宽度为100%减去30px。然而 Chromes 检查元素计算这是 70%
我试图寻找这个问题,但每个人都说我写它的方式就是它必须写的方式。
这就是 Chrome returns:
width: -moz-calc(70%); --> line-through
width: -webkit-calc(70%); --> line-through
width: calc(70%);
我不知道出了什么问题。
我发现了!
感谢 Danny Pranoto,这是因为使用 LESS 时语法有所不同。忘了告诉我使用 LESS。抱歉各位!
答案和正确的语法是这样的:
width: ~"calc(100% - 200px)";
试试这个
width: -moz-calc(~"100% - 30px");
width: -webkit-calc(~"100% - 30px");
width: calc(~"100% - 30px");
这是我的代码:
width: -moz-calc(100% - 30px);
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
我想要宽度为100%减去30px。然而 Chromes 检查元素计算这是 70% 我试图寻找这个问题,但每个人都说我写它的方式就是它必须写的方式。 这就是 Chrome returns:
width: -moz-calc(70%); --> line-through
width: -webkit-calc(70%); --> line-through
width: calc(70%);
我不知道出了什么问题。
我发现了! 感谢 Danny Pranoto,这是因为使用 LESS 时语法有所不同。忘了告诉我使用 LESS。抱歉各位!
答案和正确的语法是这样的:
width: ~"calc(100% - 200px)";
试试这个
width: -moz-calc(~"100% - 30px");
width: -webkit-calc(~"100% - 30px");
width: calc(~"100% - 30px");