less-loader编译calc异常解决方法
摘要：问题： width:calc(100% 200px);最后编译成calc( 100%) 解决方法 width: calc(~"100% 200px"); 加上 ~ 并加上引号
阅读全文
posted @ 2019-01-22 11:26
随笔分类 - css
可视化svg深入理解viewport、viewbox、preserveaspectradio
摘要：直接运行此例子 深入理解svg的viewport、viewbox、preserveaspectradio实例 运行例子 viewport的理解 例子 这里的 的宽高就是 标签里面的 和`height 像素px 400px 300px em rem % svg的viewport`就讲完了，简单吧。 运
阅读全文
posted @ 2018-06-01 18:49
移动端调用摄像头（相机）相册
摘要：上传文件的时候，选择相机和相册兼容 相册和相机切换 ：在新安卓和ios，去掉capture ：在老安卓，加上capture 只能真机调试
阅读全文
posted @ 2017-08-31 22:00
移动端的事件点透及原因
摘要：div定位在一个a标签上 事件点透解决办法示例 可点我后，在chrome上模拟
阅读全文
posted @ 2017-08-31 21:47
ios滑动流畅（丝般顺滑）滚动
摘要：在ios html body list(少一个样式都不行！) html body list ios的bug，运行 html body ios的bug，运行
阅读全文
posted @ 2017-08-31 21:38
css美化select标签，兼容ie10 ie10+，chrome。但不支持ie9 ie9-
摘要：让ie9 ie9+ 和非ie的浏览器加载这个hack。ie8，ie8 就用自己的默认样式 hack.css arrowselect.png 效果 ie常用hack 注意 非ie和标签和其余的不同 转：
阅读全文
posted @ 2017-08-17 19:26
css使用
摘要：图片在div内垂直居中 运行 省略号（block，inline） 运行
阅读全文
posted @ 2017-08-11 16:06
nth-child与nth-of-type区别
摘要：示例详细理解:nth-child(n)与:nth-of-type(n)区别 childselector：nth-child(index) 1，子选择器(childselector，这里是p选择器)选中元素的父级元素ul， 得到所有子元素（包括自己和所有兄弟元素）(l1，p1，p2，l2，p3)， 从
阅读全文
posted @ 2017-08-03 11:46
webkit内核自定义隐藏滚动条
摘要：1,在主页面可以拿到iframe，也可以为iframe注册onload等事件。document.getElementById('iframeId').onload 2，在主页面操作其中的iframe的滚轮的时候，我的经验：一定var iframeWindow=document.getElementB
阅读全文
posted @ 2017-08-02 11:14
css3:神秘的弹性盒子flexbox
摘要：请先运行demo 运行 旧弹性盒子 过渡弹性盒子 新弹性盒子 功能类似，次加了几个属性 / 6个盒子属性。窍门：flex flow是：flex direction flex wrap的简写。这下3合1了~ / / 确定主轴方向：这是个坑！！一定是先确定主轴方向,第一个项目到最后一个项目的排列顺序都是
阅读全文
posted @ 2016-05-30 14:33
css：使用笔记(不断更新中...)
摘要：1，inline block Inline :1是不支持宽高的 2 在一行内显示 span 啥的~ Block:1,占一行 2支持宽高 但是img因为在一行并排显示，我们归为行(内嵌)元素，但支持设置宽高就是inline block 。 本质inline block :行内的块： 一特性，行并排显示
阅读全文
posted @ 2016-05-26 10:33
Bootstrap:表格和栅格分页
摘要：拼接table请将以下代码直接运行：换下 结果 注意 1，bootstrap3 分页器id为#example的必须是 ul标签，2，在js中option中bootstrapMajorVersion ：3 1，bootstrap2 分页器id为#example的必须是 div标签，2，在js中opti
阅读全文
posted @ 2016-05-18 19:30
CSS3：背景
摘要：细节注意 盒子：border box | padding box | content box用于background origin背景的开始和background clip的剪切位置。 渐变也是生成一张图片相当url(),可以在前面或者后面加 repeat background size其他等 多层
阅读全文
posted @ 2016-05-16 15:16
CSS3:动画大全
摘要：和过渡的区别 7个参数， 为可选 播放 暂停 属性 缺点： 关键帧： JS结合 参考http://www.cnblogs.com/leee/p/5481693.html 例子
阅读全文
posted @ 2016-05-11 19:23
CSS3:过渡大全
摘要：代码 地址：http://jsbin.com/moquyesumi/edit?html,output 运行
阅读全文
posted @ 2016-05-11 14:18
CSS3奇特的渐变示例
摘要：渐变 4个维度去理解渐变 线性渐变 径向渐变 新写法 老写法 最后的老写法镜像渐变可能不太准确。其余都完全正确 运行
阅读全文
posted @ 2016-05-04 23:06
CSS2系列：BFC(块级格式化上下文)IFC(行级格式化上下文)
摘要：BFC 块级格式化上下文，不好理解，我们暂且把她理解成“具有特殊的一类元素” 哪些元素会生成BFC? 根元素 float属性不为none position为absolute或fixed display为inline block, table cell, table caption, flex, in
阅读全文
posted @ 2016-03-25 11:05
CSS系列：表达式（Expression）`淘汰`
摘要：概述 CSS表达式是动态设置CSS属性的强大（但危险）方法。Internet Explorer从第5个版本开始支持CSS表达式。 兼容性 expression方法在其它浏览器中不起作用，因此在跨浏览器的设计中单独 设置时会比较有用。 例子 隔1s切换一次背景颜色 input鼠标移入移出变换背景 问题
阅读全文
posted @ 2016-03-23 13:35
