我想使用width: calc(100% -100px);哪种功能可以完美地满足我的需求,唯一的问题是它的兼容性。目前,它仅适用于最新的浏览器,而不适用于Safari。
width: calc(100% -100px);
我可以使用jQuery替代吗?即。获取对象的100%宽度-100px,然后将结果动态设置为CSS宽度(这样它就会响应)
如果您使用的浏览器不支持该calc表达式,则使用jQuery模仿它并不难:
calc
$('#yourEl').css('width', '100%').css('width', '-=100px');
让jQuery处理相对计算要比自己完成要容易得多。