html5 - 移动端适配不同屏幕?
大家讲道理
大家讲道理 2017-04-17 13:00:38
[HTML讨论组]

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

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(2)
PHP中文网

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

阿神

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号