jquery - CSS 宽度 : calc(100% -100px); alternative using jquery

标签 jquery css

我想使用 width: calc(100% -100px); 它可以完美地满足我的需要,唯一的问题是它的兼容性。目前它只适用于最新的浏览器,在 Safari 中根本不起作用。

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

最佳答案

如果您的浏览器不支持 calc 表达式,则不难用 jQuery 模仿:

$('#yourEl').css('width', '100%').css('width', '-=100px');

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

关于jquery - CSS 宽度 : calc(100% -100px); alternative using jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11117216/

相关文章:

javascript - Mozilla FireFox 悬停的工作方式与 Chrome 不同

javascript - javascript array 和 jquery set 的区别

javascript - JQuery 中的倒计时问题

jQuery jqModal Ajax 和嵌套模态问题

html - 位置 : Fixed Div Covers Images

html - 表格边框折叠不适用于内联 block ?

jQuery 非常奇怪的行为 - 输出 html 的顺序与 append 顺序不同

jquery - 即使条件为 false,代码也会执行

html - 为什么 height=100% 不起作用?

html - CSS 嵌套未达到预期