首页 > 其他 > 详细

wap学习记录

时间:2017-11-13 15:23:26      阅读:231      评论:0      收藏:0      [点我收藏+]

针对移动端浏览器:

大部分的浏览器内核都是webkit内核,对h5和c3的支持非常好

 

对a标签有特有的点击有默认的灰色高亮效果,可以通过css 的tap-higlight-color 来设置或清除

对input、textarea会有默认的样式,通过appearance:none来reset掉

流式布局,一般要*统配设置border-box方便一点,版心容器设置百分比的宽度,然后max,min来限制宽度为320~640(假如设计稿是640px),居中显示

640px是早期的psd设计稿的标准,参照iPhone4(宽度320,2dpr,640px的页面缩小1/2倍之后,能完美显示到iPhone4上)

750px是现在的标准,参照iPhone6(宽度375,2dpr,也能完美显示)

所以拿到多大的设计稿,就做宽度多大的

 

一种比较老的居中方式:left:50%,margin-left:-45px,width:90px

设置float之后,默认就变成了块级元素,可以设置宽高了

wap学习记录

原文:http://www.cnblogs.com/hellohello/p/7826417.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!