css – 如何将webkit支持添加到calc?

我可以看到使用webkit时calc更兼容.通常当您添加对webkit或moz的支持时,您可以执行以下操作:

-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;

calc的正确语法是什么?

width: -webkit-calc(100% - 100px);

解决方法

calc的正确语法是

/* Firefox */
width: -moz-calc(100% - 100px);
/* WebKit */
width: -webkit-calc(100% - 100px);
/* Opera */
width: -o-calc(100% - 100px);
/* Standard */
width: calc(100% - 100px)

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效