1:以最新ie版本进行编译代码

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

有时在手机网页上,用windows phone测网页时,手机的ua会被莫名其妙地降级到ie7,那样就不会支持html5+css3想要做兼容也是不容易的,所以这行代码可以解决些问题,很是方便。

2.控制用户放大/缩小页面

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

这行代码可以控制用户是否可以放大或缩小页面及可放大或缩小的尺寸。

3.position:fixed

这个属性是我最头疼的一个问题,做了很多的手机适配,这个属性的兼容性性最是不好。安卓系统的手机一般可以支持,ios4以上对其也支持,wp要win8以上才有好的支持性。像ios4以下,wp中的ie9等对其兼容很是不好。至于解决方法我现在还没有搞懂。用position:absolute等代替,可效果并不是很理想。

4.media-queries

media-queries真的很强大,现在大多数的手机都支持这个属性,使用起来很方便,对于大小尺寸之间的转换可以省去很多的事。

posted on 2013-06-13 16:15  冰~ice  阅读(206)  评论(0编辑  收藏  举报