css width:calc(100%-100px);替代使用jquery

前端之家收集整理的这篇文章主要介绍了css width:calc(100%-100px);替代使用jquery前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想使用width:calc(100%-100px);这完成了我需要它的工作,唯一的问题是它的兼容性。目前它只能在最新的浏览器,而不是在Safari。

我可以使用jQuery替代吗?即。获取对象的100%宽度-100px,然后动态设置结果为CSS宽度(因此它会响应)

解决方法

如果你有一个不支持calc表达式的浏览器,不难用jQuery模拟:
$('#yourEl').css('width','100%').css('width','-=100px');

让jQuery处理相对计算比自己做的容易得多。

猜你在找的CSS相关文章