码迷,mamicode.com
首页 > 其他好文 > 详细

wap学习记录

时间:2017-11-13 16:49:21      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:width   标准   支持   宽高   流式   text   max   显示   col   

针对移动端浏览器:

大部分的浏览器内核都是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学习记录

标签:width   标准   支持   宽高   流式   text   max   显示   col   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!