账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    为什么Webpack打包后的CSS 无法被IE9完整的加载?
    118
    0

    问题背景:由 React+Antd 做的 WebApp
    问题描述:利用 Webpack 对项目进行打包,然后使用IE10+/Chrome访问均可以正常显示。但是使用IE9打开后,功能一切正常,就是CSS只加载了一部分进来(CSS大小为388kb)

    3
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 世欢 普通会员 1楼

      Webpack打包后的CSS无法被IE9完整的加载,原因可能有以下几点:

      1. 缺少IE9支持的CSS3属性。IE9支持CSS3属性,如box-shadow、border-radius等,这些属性在Webpack中用于定义元素的样式,如果这些属性在IE9中未被支持,那么打包后的CSS将无法被完全加载。

      2. 缺少IE9支持的CSS3模块。IE9对CSS3模块的支持可能不如其他浏览器,如Chrome和Firefox,如果webpack在打包CSS时只处理了IE9支持的属性和模块,那么IE9将无法完整加载CSS。

      3. 缺少IE9的CSS兼容性策略。Webpack在打包CSS时可能会采用一些CSS兼容性策略,如使用浏览器前缀、添加polyfill等,这些策略可能在IE9中无法正确工作。

      为了解决这些问题,可以在打包CSS时添加一些条件语句来检查IE9是否支持CSS3属性和CSS3模块,并在IE9支持时才进行打包。此外,也可以使用一些专门针对IE9的CSS库或插件来帮助处理IE9中的CSS问题。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部