首页 新闻 会员 周边

移动端 iphone 和安卓手机 适配图片问题

0
悬赏园豆：50 [待解决问题]

一张IMG图片css样式为宽度100%，高度自适应。但是在iphone手机上这样的

而安卓机是上正常的

浩浩先森的主页 浩浩先森 | 初学一级 | 园豆：154
提问于：2017-07-17 13:32
< >
分享
所有回答(4)
0

高度100%，宽度自适应试试

青语 | 园豆：1000 (小虾三级) | 2017-07-17 13:57

这样是不可以的，因为不是一个一个图片，别的图片正常就是长一点的图变形了

支持(0) 反对(0) 浩浩先森 | 园豆：154 (初学一级) | 2017-07-17 17:21
0

 img加个display:block试试

与阳光握手言和 | 园豆：373 (菜鸟二级) | 2017-07-17 19:16

j加了也没用，   很有意思

支持(0) 反对(0) 浩浩先森 | 园豆：154 (初学一级) | 2017-07-18 09:00

@浩浩先森: 最好能看一下你的dom结构和具体css代码，以便帮你参谋参谋

支持(0) 反对(0) 与阳光握手言和 | 园豆：373 (菜鸟二级) | 2017-07-18 11:11

@与阳光握手言和: 

  1. display: block;
  2. margin: 0 auto;
  3. max-width: 100%;
  4. max-height: 100%;
 
支持(0) 反对(0) 浩浩先森 | 园豆：154 (初学一级) | 2017-07-18 12:37

解决了 ，我让他在苹果手机上宽高都100%就可以了， 

支持(0) 反对(0) 浩浩先森 | 园豆：154 (初学一级) | 2017-07-18 13:44

@浩浩先森: 如果图片height大于屏幕height怎么办？我觉得可能还是你的布局影响了，我也这么弄过，在ios手机上没出现过这种情况

支持(0) 反对(0) 与阳光握手言和 | 园豆：373 (菜鸟二级) | 2017-07-18 17:37
0

解决了 ，我让他在苹果手机上宽高都100%就可以了， 苹果手机上的图片不能很好的自适应

浩浩先森 | 园豆：154 (初学一级) | 2017-07-18 13:45
0

设置宽度和高度，不能自适应，都要百分之百

12不懂3 | 园豆：22 (初学一级) | 2017-07-24 14:07
清除回答草稿
   您需要登录以后才能回答，未注册用户请先注册。