- 博客(34)
- 收藏
- 关注
原创 面试题: 你都做过哪些兼容性问题?
1.2.2、选择器前缀:例如 IE6能识别 * html .class{},IE7能识别 +html .class{}或者*:first-child+html .class{}。1.2.1、属性前缀:例如 IE6能识别下划线和星号,IE7能识别星号,但不能识别下划线,IE6~IE10都认识"\9",但firefox前述三个都不能认识。--[if lt IE 6]>只在IE6-显示的内容 1.3、厂商前缀:谷歌-webkit-、火狐-moz-、IE-ms-、欧朋-o-
2022-10-28 09:31:06
456
原创 calc()函数
浏览器支持 在IE9+、Firefox、chrome、safari可以正常呈现。calc()函数支持 "+", "-", "*", "/" 运算;/* calc运算 */任何长度值都可以使用calc()函数进行计算;calc()函数使用标准的数学运算优先级规则;/* 左右两栏 */利用calc()实现三栏自适应布局。运算符前后都需要保留一个空格。运算符前后都需要保留一个空格。用于动态计算长度值,值灵活。语法: calc(表达式)
2022-10-28 09:00:04
110
原创 弹性盒子复合写法
flex是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。(当前元素的宽*shrink值)/(元素1*元素1shrink值+元素2*元素2shrink值...) * 溢出空间宽度。align-self属性:调整自身在侧轴的对齐方式,弹性容器中被选中子项的对齐方式(设置在子元素中)flex-shrink属性:子元素的缩小比例(子项宽度和>父盒子宽度的时候)flex-grow属性:子元素的放大比例(子项宽度和
2022-10-28 08:59:29
109
原创 浏览器的私有前缀(兼容性前缀)
Autoprefixer是一款自动管理浏览器前缀的插件,它可以解析CSS文件并且添加浏览器前缀到CSS内容里,使用Can I Use(caniuse网站)的数据来决定哪些前缀是需要的。有些css3的属性还只是最新版的预览版,还没有正式发版, 没有形成标准,只是某些浏览器的专属属性 ,就需要加前缀。当一个属性或规则成为标准,并被主流浏览器的最新版普遍兼容的时候,可以去掉私有前缀。按下F1,选择autoprefixer:Run,之后会在css文件中添加私有前缀。在外部的css文件中书写相关属性和属性值。
2022-10-28 08:53:50
305
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人