wap学习记录

Posted HelloHello233

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了wap学习记录相关的知识,希望对你有一定的参考价值。

针对移动端浏览器:

大部分的浏览器内核都是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学习记录的主要内容,如果未能解决你的问题,请参考以下文章

WAP端 touch事件触发顺序记录

WAP端 经验记录2

益云博客以WAP APP形式做法上线,欢迎大家学习使用

学习工作记录汇总

leveldb 学习记录Log文件

2016年5月份学习记录