码迷,mamicode.com
首页 > Web开发 > 详细

calc()-可以进行计算的css3新属性

时间:2016-11-01 19:07:17      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:兼容   rom   mil   pad   border   safari   padding   总结   属性   

用法:
  width:calc(100% - (20px + 2px) * 2); /*用100%减去左右两个20px的padding和2px的border*/

对于calc(),总结以下要点:

    1.兼容性:在IE9+、FF4.0+、Chrome19+、Safari6+支持较好,移动端支持不理想;

    2.表达式支持加、减、乘、除运算,同时也支持单位的混合使用(%、px、em等);

    2.表达式中有“+”,“-”运算符的,前后必须要有空格。

calc()-可以进行计算的css3新属性

标签:兼容   rom   mil   pad   border   safari   padding   总结   属性   

原文地址:http://www.cnblogs.com/m-blue/p/6020337.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!