首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

IE11上的calc()无效

在IE11浏览器上,calc()函数无法正常工作的问题是由于浏览器对该函数的支持不完整或存在Bug导致的。calc()函数是CSS3中的一个功能强大的计算函数,它允许在CSS属性中使用数学表达式来动态计算值。

在IE11中,calc()函数在某些情况下无效可能是由于以下原因之一:

  1. 不支持某些数学运算符:IE11可能不支持某些数学运算符,如除法、乘法或取余运算符等。如果在calc()函数中使用了这些运算符,它可能会导致函数无效。
  2. 不支持长度单位的混合使用:IE11可能不支持在calc()函数中混合使用不同的长度单位,如像素(px)、百分比(%)或视口单位(vw、vh)等。如果在calc()函数中混合使用了这些单位,它可能会导致函数无效。
  3. 不支持复杂的嵌套表达式:IE11可能无法处理复杂的嵌套表达式,如嵌套的calc()函数或多重计算表达式等。如果在calc()函数中使用了这些复杂的表达式,它可能会导致函数无效。

解决该问题的方法之一是使用其他方式替代calc()函数,例如使用固定的像素值或百分比值来设置元素的宽度或高度。

如果您在使用calc()函数时遇到了问题,建议您检查您的CSS代码,并尝试使用其他方法来达到相同的效果。

腾讯云相关产品和产品介绍链接地址:

  • 腾讯云官网:https://cloud.tencent.com/
  • CSS3 calc()函数参考文档:https://developer.mozilla.org/zh-CN/docs/Web/CSS/calc
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

解决innerHtml 在Jquery使用无效问题

' + loadTime + 'ms'); innerHTML在JQuery中使用的话是无效, JQuery提供了三种方法实现指定标签赋内容:.html(),.val(),.text()。...三种方法区别具体: .html()用为读取和修改元素HTML标签 对应js中innerHTML .html()是用来读取元素HTML内容(包括其Html标签), .html()方法使用在多个元素时...对应js中innerText text()用来读取元素纯文本内容,包括其后代元素;.text()方法不能使用在表单元素 .val()用来读取或修改表单元素value值 .val()是用来读取表单元素..."value"值,.val()只能使用在表单元素 关于三者区别 .val()方法和.html()相同,如果其应用在多个元素时,只能读取第一个表单元素"value"值,但是.text()和他们不一样...,如果.text()应用在多个元素时,将会读取所有选中元素文本内容。

41210
  • css3中calc()

    1.什么是calc()? calc是英文单词calculate(计算)缩写,是css3一个新增功能。用来指定元素长度。...比方说,你能够使用calc()给元素border、margin、pading、font-size和width等属性设置动态值。 calc()最大优点就是用在流体布局。...能够通过calc()计算得到元素宽度。 2.calc()能做什么? calc()能让你给元素做计算。你能够给一个div元素,使用百分比、em、px和rem单位值计算出其宽度或者高度。...比方说“width:calc(50% + 2em)”,这样一来你就不用考虑元素div宽度值究竟是多少,而把这个烦人任务交由浏览器去计算。 3.calc()语法 calc()语法很easy。...4.calc()运算规则 calc()使用通用数学运算规则,可是也提供更智能功能: 使用“+”、“-”、“*” 和 “/”四则运算; 能够使用百分比、px、em、rem等单位。

    49930

    scsssass calc mixin&include 处理方法

    scss\sass calc mixin&include 处理方法 前言 目前主流浏览器对于calc属性已经支持得非常好了.所以,我准备在我们新项目中全面启用这个属性,省得在布局方面还得用js去实现....经过详细布局测试,总算做出来了一个demo页面.在各个pc浏览器没有任何问题,甚至IE9都没有问题....于是,拿在移动端上测试,结果发现,移动端大多数新款手机支持度都是相当不错.不过我还是崩溃了,因为,在安卓微信上,出现了不支持calc情况....于是,我们尝试给calc加上-webkit-前缀.经过测试,微信是支持.这是一个好消息,至少我不用推倒重来了....而我在正常scss\sass中去写 calc(表达式)时候,它没有运算,也许scss\sass编译,就是判断这个表达式是不是在calc中,如果在,那就不运算,如果不在,就运算(纯属猜测).于是尝试这样写

    74410

    从IE6到IE11运行WebGL 3D遇到各种坑

    对于我们无力要求升级IE678910要跑WebGL,我们只能采用Google Chrome Frame解决方案,虽然该插件Google从2014年1月份起就不再维护更新了,但已经发布版本也是31...还好,我们遇到不少项目还是允许购买新机器或者升级新浏览器系统,但这并不以为这能上IE11就问题结束了,微软这哥们对新标准支持要嘛落后半拍,要嘛明知标准就这样我TMD就不实现你能咋地,相信preserve...CSS3问题下回再扯淡,那是个无穷无尽的话题,回到我们号称支持WebGLIE11,至从一年前有人泄露IE11将支持WebGL就引得业界一片兴奋,千呼万唤始出来后居然还有那么多缺陷,但终归还是大好事...,迈出第一步是最难,相信微软会慢慢完善,但毕竟活在当下我们还得继续填Shading Language几个坑: 1、lineWidth不让设置,只支持1个像素连线,只能用一个像素将就着,或者把线采用构建模型重方式来替代...HT for Web等3D引擎封装框架自然都会帮我们应用层屏蔽这些坑,但相信很多引擎并还未对IE11做考虑,毕竟这哥们市场占有率还不高,等足够高了值得考虑时也许微软自己已经填补好了坑,无需我们再操心了

    78230

    从IE6到IE11运行WebGL 3D遇到各种坑

    对于我们无力要求升级IE678910要跑WebGL,我们只能采用Google Chrome Frame解决方案,虽然该插件Google从2014年1月份起就不再维护更新了,但已经发布版本也是31...还好,我们遇到不少项目还是允许购买新机器或者升级新浏览器系统,但这并不以为这能上IE11就问题结束了,微软这哥们对新标准支持要嘛落后半拍,要嘛明知标准就这样我TMD就不实现你能咋地,相信preserve...CSS3问题下回再扯淡,那是个无穷无尽的话题,回到我们号称支持WebGLIE11,至从一年前有人泄露IE11将支持WebGL就引得业界一片兴奋,千呼万唤始出来后居然还有那么多缺陷,但终归还是大好事...,迈出第一步是最难,相信微软会慢慢完善,但毕竟活在当下我们还得继续填Shading Language几个坑: 1、lineWidth不让设置,只支持1个像素连线,只能用一个像素将就着,或者把线采用构建模型重方式来替代...HT for Web等3D引擎封装框架自然都会帮我们应用层屏蔽这些坑,但相信很多引擎并还未对IE11做考虑,毕竟这哥们市场占有率还不高,等足够高了值得考虑时也许微软自己已经填补好了坑,无需我们再操心了

    1.7K50

    Discourse 无效附件清理

    Discourse 对上传附件会进行清理,对于一些没有任何被引用附件,Discourse 会认为是垃圾而清理掉。...原因应该是为了降低存储空间使用,但是我们目前使用是 S3 ,所以对存储空间并没有太多要求。...根据我们备份恢复情况来看,我们估计可能是这个表 upload_references 丢数据了,导致 uploads 中标的数据被清理掉了。本地查询我们本地查询了下操作前 3 天记录。...服务器查询同时,我们对服务器表进行了查询。查询结果返回是:6000 多。很明显这里有差距,那肯定是在恢复过程中可能丢数据了。我们需要做就是把本地表中数据恢复到服务器。...运行 SQL: select count(*) from upload_references;来查看下服务器记录,貌似服务器参考引用全部被恢复了。

    16500

    ARC无效时block赋值

    总所周知,当ARC无效时,block默认是在栈区或全局数据区,要想复制到堆区,需要一些特殊手段,这些手段在《Objective-C高级编程》都有介绍,例如将block声明为类属性,block调用copy...但是《高级编程》里有个地方写错了,不过也有可能书上没写清楚是否开启ARC,不过通过我实验验证,当ARC关闭时,在类方法中给block属性赋值,如果不加上copy,还是在栈,但是在对象外部赋值却是在堆上...self->_index=10; }; } @end 此时如果定义一个MyObject对象,调用setInnerBlock后,再调用_blk,将会报出BAD_ADDRESS错误,因为栈...要是查看blkclass也是stackblock,正确赋值方式如下: MyObject* obj=[[MyObject alloc] init]; int a=0; // [

    81130

    Excel中无效链接(1)

    打开Excel文件时候,时常会遇到说外部链接无效警告。 无效链接大致有这么几种方式,有的很好解决,有的可就有些费神了。...自定义名字 函数、数式参照 粘贴过来link 指向图形(文本框等)、celllink 图表 透视表 这里说第一种解决方法。...image.png 删除test.xlsx文件,再打开test2.xlsx时候,会报【无效链接】错误。如果这个excel内容比较多时候,要找到哪一些cell使用了无效链接,有些许难度。...我们可以断定是C4和G4这两个单元格使用了“河北省”,修改他们值即可消除无效链接错误。...G4"> 河北省 当然,如果是多个sheet的话,需要都搜索一下,看是否有这个无效

    2.4K10

    巧用CSS3calc()宽度计算做响应模式布局

    其实calc是英文单词calculate(计算)缩写,是css3一个新增功能,用来指定元素长度。...不过calc()最大好处就是用在流体布局,可以通过calc()计算得到元素宽度。 calc()能做什么?...calc()能让你给元素做计算,你可以给一个div元素,使用百分比、em、px和rem单位值计算出其宽度或者高度,比如说“width:calc(50% + 2em)”,这样一来你就不用考虑元素div宽度值到底是多少...calc()运算规则 calc()使用通用数学运算规则,但是也提供更智能功能: 使用“+”、“-”、“*” 和 “/”四则运算; 可以使用百分比、px、em、rem等单位; 可以混合使用各种单位进行计算...好了,到这就告一段络了,再稍微优化一下左右边15px空距,让两边都挨边。就在父级加个margin-right:-15px,OK 搞定, 现在拿这个去做响应模式应该很方便了。 本文完〜

    1.7K10
    领券