In actual website development, we often find that IE browser has resource limitations, which is very frustrating. When we don't understand it, we waste a lot of time catching bugs. Now we will list IE 's restrictions on page resources and avoid these restrictions during development.
- Only supports the introduction of up to 3 layers of @import CSS files;
- Only supports @import 32 CSS files at most (use link to introduce the same, you can check this test page , the fifth test is worth noting);
- When using Data URi, up to 32K base64 encoding is supported (only IE8, IE6 and IE7 do not support Data URi);
- The maximum URL length is 2048 characters;
- The number of selectors in each style tag or CSS file cannot exceed 4095 (refer to Qin Ge’s article , many places believe that IE’s CSS file size limit is 288KB, Qin Ge’s test refutes this statement);
- Files larger than 2GB cannot be downloaded (it seems that IE8 solves this problem);
- Supports a maximum of 300 cookies in total;
- Each domain name allows a maximum of 20-50 cookies (IE6 allows 20, IE7 can use 50 after patching), (most other browsers also have restrictions, such as Opera limits 30, Firefox limits 50, and Safari/ webkit has no restrictions);
- Only cookies up to 4096 bytes can be read, and an error will occur when writing cookie headers exceeding 5118 bytes.
There may be other restrictions, please feel free to add them.