calc方法和vue中calc不生效踩坑

calc方法

calc()方法是css用来计算的,比如一个场景,上下固定高度,中间自适应,就可以使用这个方法。

预编译less也是可以使用这个方法的




    
    
    Document



    

效果如下:

calc方法和vue中calc不生效踩坑_第1张图片

坑点:

在vue文件中,如果style标签中设置了less,那么直接写calc就不会生效,必须用下面的语法才行

你可能感兴趣的:(vue2,css,vue.js,less,css)