zoukankan      html  css  js  c++  java
  • IE9的大css文件截断问题

    最近做项目调试IE9的兼容性,遇到问题,样式应用不上去,在其他浏览器中是正常的。

    经过查找,判定是IE9的css截断问题。

    1. IE9截断判定方法

    1. 打开IE Developer Tools,在网络面板,进行捕获,抓取到的css文件是完整的
    2. 打开IE Developer Tools的HTML面板,在右侧样式面板中,点击最右侧对应的该css文件,
    或者在css面板中选择该css文件,将滚动条拉到底,可以看到css文本是否解析完整

    2. IE9截断文件大小

    这个没有明确的标准。

    一个说法是单个css文件不能超过250k。
    一个说法是单个css文件不能超过4000+ selectors。

    所以尽量将单个css文件大小控制在200K以内,应该没问题。

    3. webpack的css文件分拆

    使用css-split-webpack-plugin插件进行文件大小分割,如果使用了OptimizeCSSAssetsPlugin插件,则要禁止其修改
    @keyframes的名字。

    参考:https://blog.csdn.net/napoleonxxx/article/details/80292006
         https://segmentfault.com/a/1190000005966818

  • 相关阅读:
    uboot的mtd功能支持
    ARM920T系统总线时序分析
    NorFlash
    编译u-boot命令和u-boot常用命令
    uboot启动linux的过程
    debug(fmt,args...)调试
    APCS
    You've got to find what you love
    debian , ubuntu 截取下拉菜单
    关于bash的shellshock漏洞
  • 原文地址:https://www.cnblogs.com/mengff/p/9637182.html
Copyright © 2011-2022 走看看