移动端适配不同屏幕？

Question

最近要做一个简单的滑屏展示的页面，每一屏都是一整张图片，给出的设计是750*1334，现在适配iPhone4会出现图片显示不全的问题，但是如果高度写上100%，图片就会被压缩，很难看，请问这个要怎么解决，才可以适配不同的屏幕而图片显示不受影响？谢谢！

Answer 1

显示图片的时候建议不用src属性，可以给一个div设定宽度高度都是100%，加上背景属性，再使用background-size:cover可以比较完好地保证不同分辨率上不被压缩，但有些部分可能超出会被隐藏，个人觉得关系不大。

Answer 2

设计给的是6的尺寸，4是很难适配的，4，5宽度相同，高度差一截，长宽比都变了，没有办法适配很好的，或许楼上的是对的，做为背景图片吧，即使你这样做了，如果里面的元素设计的很紧促，你依然无法做出合适的适配...;很多时候这些适配都在取舍之间。