1. 开发环境 移动端比PC端发展稍慢,主流手机浏览器内核均为-webkit- 手机屏幕尺寸碎片化严重 可以通过chrome模拟测试
2. 视口
一般分为三种:布局、视觉、理想(由乔布斯的构思延伸到目前主流视口)
meta中的视口标签<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
3. 二倍图 物理像素:手机出厂已设置好的像素点px(开发与物理像素比:早期1:1,在摩托罗拉的Retina下为1:2) Retina:把像素点压缩到一块屏幕,提高分辨率(视网膜屏幕技术) 多倍图:看公司实际开发的需要(相随backgroundsize改宽高)
内容来源于网络如有侵权请私信删除
文章来源: 博客园
- 还没有人评论,欢迎说说您的想法!