课程
/前端开发
/WebApp
/Web App下图片滑动组件的开发
iPhone5的分辨率不是640*1136,为什么模拟的只有320*568?求解
2014-07-22
源自:Web App下图片滑动组件的开发 4-1
正在回答
要回答这个问题,你最好先去了解一下viewport的概念(320px是iPhone5的device-width的默认值)
分辨率指的是物理像素(dp),用逻辑像素(独立像素px)开发项目,iphone5属于reina屏(高清屏),ppi大于320,dpr=2,因为1px=(2)^2*dp
在纬度上640/2=320 1136/2=568 所以开发时320px是手机可视区域的真实宽度
默认viewport是大于手机可视区域,因为pc端的网页在手机相对小的尺寸上显示不完全
一般不设置width=device-width
网页width够大的话,需要拖动滚动条才可以查看全部的内容
viewport可以分为3类
visualviewport--可视区域/layout viewport
举报
本课程就是讲述从零开始,如何构建一个移动端的滑动组件
1 回答
3 回答