- 博客(7)
- 收藏
- 关注
RSS订阅原创 移动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
316
原创 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
379
转载 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
402
原创 不定宽高的水平和竖直同时居中
.box{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); ,,, }
2016-09-01 16:16:23
377
原创 移动前端-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
286
原创 针对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: [email protected]
2016-09-01 09:55:46
258
原创 兼容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
325
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人