2017年12月7日
img srcset,sizes 属性，解决了在不同设备像素比不同的情况加载不同图片（转）
摘要： http://www.zhangxinxu.com/wordpress/2014/10/responsive-images-srcset-size-w-descriptor/ 阅读全文
posted @ 2017-12-07 17:50 冯小漂儿 阅读(232) 评论(0) 推荐(0) 编辑
自适应不同的分辨率界面
摘要： PC： 1: 针对IE：IE有个zoom属性。虽然经常我们用它来清浮动什么的。但是它在缩放元素上也是很强大的。eg：被设置zoom:0.5的元素会以该元素的左上角为原点在直接被缩小一半，所占据的文档流内体积也会减少一半（IE7和8+对zoom后的元素的margin值理解不同可以注意下，不过单纯缩放元 阅读全文
posted @ 2017-12-07 14:55 冯小漂儿 阅读(280) 评论(0) 推荐(0) 编辑
2017年12月6日
图片缩放情况下失真问题处理
摘要： 图片缩放会失真是真理，在浏览器里也一样，貌似使用传说中的双三次插值可以让失真看起来比较不明显，但是真的想不通IE7已经实现了，却不默认打开，是体谅我们的CPU还是内存呢？ 简单来说，我们在图片的CSS 加-ms-interpolation-mode: bicubic 就可以让IE7的图片在有缩放的情 阅读全文
posted @ 2017-12-06 16:43 冯小漂儿 阅读(719) 评论(0) 推荐(0) 编辑
2017年9月15日
display：table-cell 居中及其使用
摘要： 一、例子： position: absolute; display: table-cell; equals display: block; position: absolute;. 1# And vertical-align only applies to inline/table-cell ele 阅读全文
posted @ 2017-09-15 11:26 冯小漂儿 阅读(209) 评论(0) 推荐(0) 编辑
2016年7月31日
flex弹性盒模型布局
摘要： 容器属性：1.flex-direction:项目的排列方向(1)row 主轴方向排列(2)row-reverse 主轴反方向排列(3)column 纵向排列(4)column-reverse 纵向反方向排列2.flex-wrap:项目的换行方式(1)nowrap:不换(2)wrap:换行，第一行在上 阅读全文
posted @ 2016-07-31 16:19 冯小漂儿 阅读(256) 评论(0) 推荐(0) 编辑
媒体查询（pc端，移动端不同布局）
摘要： 媒体查询语法： 1.内联写法：and之后必须有空格@media screen and (min-width:960px //判断浏览器大小条件){body{background：red} //常规的样式} 2.外联写法：当满足屏幕满足条件的时候连接href后的css文件<link='styleshe 阅读全文
posted @ 2016-07-31 15:22 冯小漂儿 阅读(7447) 评论(0) 推荐(0) 编辑
css单位：em，rem解释
摘要： em：所有浏览器都符合：1em=16px;1.具有继承性2.em的根元素是body，当设置了根元素的大小时，大小是定义的数字乘以根元素定义的大小值 rem：1rem=16pxrem不具有继承性,其根元素是html,当设置了根元素的大小时，大小是定义的数字乘以根元素定义的大小值 <!DOCTYPE h 阅读全文
posted @ 2016-07-31 15:17 冯小漂儿 阅读(265) 评论(0) 推荐(0) 编辑
CSS预处理框架：less，scss
摘要： CSS预处理器：less和sass：CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题，例如你可以在 CSS 中使用 变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，可以让你的 CSS 更 见简洁，适应性更强，代码更直观等诸多好处。 less框架的应 阅读全文
posted @ 2016-07-31 14:50 冯小漂儿 阅读(495) 评论(0) 推荐(0) 编辑
Html5+Css3制作下拉菜单的三种方式
摘要： 一、渐变式改变ol的高度 1.外部为ul标签，在每个li里嵌套一个ol列表2.设置外部li左浮动，内部ol标签绝对定位，外部li标签相对定位3.设置ol的高为0，溢出隐藏4.外部li标签:hover 时，设置ol的高度，transition渐变 二、渐变式改变ol 下li标签的高度，同第一种方法，设 阅读全文
posted @ 2016-07-31 13:26 冯小漂儿 阅读(26191) 评论(0) 推荐(0) 编辑
2016年7月24日
BFC
摘要： BFC触发1.根元素2.float3.overflow：auto,scroll,hidden（常用）4.display：table-cell，table-caption，inline-block,flex,inline-flex;5.position:absolut,fixed BFC布局规则1.背 阅读全文
posted @ 2016-07-24 23:56 冯小漂儿 阅读(212) 评论(0) 推荐(0) 编辑