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改宽高)

内容来源于网络如有侵权请私信删除

文章来源: 博客园

原文链接: https://www.cnblogs.com/MaricoCheung/p/13663978.html

你还没有登录,请先登录注册
  • 还没有人评论,欢迎说说您的想法!