IE兼容记录

踩坑记录

Posted by Jorce on April 26, 2019

Update:外包官网


半个月前老板接了个外包项目,一家婚庆公司的宣传网站。用nuxt做完了之后,甲方说需要兼容IE????

行吧,慢慢捣鼓吧。

  1. img display:block

遇到的第一个问题是图片有间隙,这个一般将图片改成块级就可以了。结果IE会出现当不定义高度的时候,多出一大块空白区域的情况(原图尺寸)。 解决方案:目前使用的解决方案是 display:inline 之后 vertical-align:top/middle/bottom。使用另外一种方式去掉图片间隙

  1. 图片不能自适应

这个我不确定是不是因为nuxt还是哪的问题,当只设置图片的宽度的时候,图片的高度是原图的高度,并没有自适应。网上的大多解决方案是宽高auto???那你适配怎么做哦。 解决方案:目前使用max-height min-height进行兼容(因为适配用的百分比)

  1. es6

这个问题使用polyfill进行解决。

  1. 先写到这