课程
/前端开发
/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 回答我这边在手机上测试出现一个BUG，就是手指斜着滑动，当手指离开浏览器显示区域的时候，动画就静止了。最后测试的原因是当手指离开浏览器显示区域的时候，touchend事件没有被触发，怎么解决这个问题。
1 回答关于不同屏幕的这个效果怎么解决呢
1 回答兼容性问题
3 回答一般移动端实现图片轮播使用的是框架吧
1 回答请大神帮忙指点下这个哪里错了，我搞了一下午了
