一、提取单独的css文件 前面学习的过程中，用css-loader和style-loader来处理css文件，是通过在html中创建style标签把css放进去的。为了能把css单独的打包成css文件，则不能用前面的方法。 需要用到mini-css-extract-plugin插件，去掉style- ...
分类：
Web程序 时间：
2020-07-25 09:34:44
阅读次数：
102
1.IE的兼容性问题 <!-- ie6的兼容性问题 --> <!-- ie6双边距问题 ：给浮动的元素加display:inline ie6默认高度问题：font-size:0 或者overflow:hidden --> 2.移动端一像素问题 <!-- 移动端一像素的边框问题：解析时会显示成2像素， ...
分类：
Web程序 时间：
2020-07-11 13:13:49
阅读次数：
71
提取css成单独文件 1.安装插件并引入 npm install mini-css-extract-plugin -D const MiniCssExtractPlugin = require('mini-css-extract-plugin') 2.配置插件plugins plugins: [ n ...
分类：
Web程序 时间：
2020-06-05 16:47:15
阅读次数：
83
在 这里 display:flex 需要兼容性处理，webpack 编译打包时，需要使用 postcss-loader 这个loader 和 postcss-preset-env 这个插件，它帮postcss找到package.json中browserslist里面的配置，通过配置加载指定的css兼 ...
分类：
Web程序 时间：
2020-06-05 10:21:41
阅读次数：
83
在写项目当中，我们总会遇到兼容各种浏览器，当然包括ie各种版本，在解决ie css兼容性问题中，比如说使用“\0”，“\”和“\9”来仅让IE某些版本识别，但浏览器有时会无视这些代码。那我们可以尝试使用@media实现IE hack的方法. 列如： 仅IE6和IE7识别 @media screen\ ...
分类：
Web程序 时间：
2019-09-24 15:58:42
阅读次数：
128
文本溢出处理 单行文本溢出 单行文本溢出，可直接用css处理，很简单 多行文本溢出 多行文本溢出，在不考虑兼容性的情况下，可直接用css 实现： 但是用css 兼容性很不友好，下面是react实现多行溢出显示...,实现原理就是支持css处理的时候，直接用css,不支持的时候，通过js计算来处理显示 ...
分类：
其他好文 时间：
2019-08-30 19:25:53
阅读次数：
230
问题： IE9 css过大时，加载css会加载一部分css内容，处理方式，代码切割。 Webpack中使用插件CSSsplitWebpackPlugin()样式切割。 ...
分类：
Web程序 时间：
2019-07-02 09:29:16
阅读次数：
144
随着自己写过的页面的增多，也遇到了很多CSS兼容性的问题。这些兼容性问题，都是必然的，因为技术在不断进步，不断革新，所谓，“后浪推前浪，前浪拍死在沙滩上”，当然我们的技术不能是被拍死在沙滩上，我们还要支持，不支持的话，只能是你这个页面，这个产品被淘汰。 那么为了不被淘汰，我们就要做些兼容性处理。 我 ...
分类：
Web程序 时间：
2019-03-27 11:12:38
阅读次数：
172
1，兼容性是什么？同样的HTML+CSS+JS，但是表现出的外部特征还是不能达到统一，存在瑕疵。同样的代码，有的浏览器效果显示"正常"，有的显示"不正常"。就像同样的去吃大排档，就有的人吃完一点事没有，而有的人就会拉肚子。2，为什么浏览器会存在兼容问题？不同厂家开发所用的核心架构不同和代码很难重合，实现方式也有差异，所以呈现在页面上的样式也就会有一部分的差异
分类：
Web程序 时间：
2018-12-03 20:13:38
阅读次数：
196
针对火狐浏览器的CSS Hack: @ moz document url prefix() { .selector { attribute: value; }} 2 针对webkit内核及Opera浏览器的CSS Hack: @media all and (min width:0){ .select ...
分类：
Web程序 时间：
2018-06-06 21:39:02
阅读次数：
169
