- 博客(7)
- 收藏
- 关注
原创 移动web开发记录
1.meta标签<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><!--第一个meta标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;--><meta name="apple-mobile-web-app-capa
2016-09-01 17:28:34 355
原创 clearfix清楚浮动
子节点设置了浮动,在父节点加class=”clearfix”类,以达到清楚浮动效果(推荐) clearfix定义如下: .clearfix:after{visibility:hidden;display:block;font-size:0;content: ” “;clear:both;height:0;} .clearfix{*zoom:1;}参考:http://blog.sina.com.
2016-09-01 16:40:28 413
转载 flexbox弹性布局
详细教程1:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 详细教程2:http://www.ruanyifeng.com/blog/2015/07/flex-examples.html
2016-09-01 16:29:02 454
原创 不定宽高的水平和竖直同时居中
.box{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); ,,, }
2016-09-01 16:16:23 398
原创 移动前端-viewport
1.像素知识 px:逻辑像素,浏览器使用的抽象单位 dp和pt:物理像素,设备无关像素 dpr:设备像素缩放比 计算公式:1px= (dpr)2 dp 2.深入理解viewport 详见:http://www.cnblogs.com/2050/p/3877280.html
2016-09-01 15:49:38 310
原创 针对IE6兼容png
1.新建名为dd_belatedpng_0.0.8a-min.js的js文件 js文件代码(已编译好的代码):/*** DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>.* Author: Drew Diller* Email: drew.diller@gmail.com
2016-09-01 09:55:46 279
原创 兼容html5
<!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script><![endif]--> 注意:以上代码是一个注释,作用是在 IE 浏览器的版本小于 IE9 时将读取 html5.js 文件,并解析它。
2016-09-01 09:13:39 342
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人