首页 > 移动端适配不同屏幕?

移动端适配不同屏幕?

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


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


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

【热门文章】
【热门文章】