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学习记录的主要内容,如果未能解决你的问题,请参考以下文章