采坑道路2:H5页面,部分IOS机型的 <img>标签显示不出 |
您所在的位置:网站首页 › 苹果搜索图片显示不出来 › 采坑道路2:H5页面,部分IOS机型的 <img>标签显示不出 |
应用场景:公司项目有临时活动,做了一个H5的活动页面,但是所有以img标签引入的图片都无法显示出来 代码举例如下: .prize_box_img img { width: 100px; height: 100px; }这样写本身没问题,无论是网页,还是模拟器,安卓机或是高版本的ios真机测试都正常显示,但是问题就出在部分老ios机型上,例如ip6,ip7等,经过在网上查找解决方案,很多都是答非所问,所以在考虑了很多种情况下,终于发现问题所在,原因就在样式上面,所以我们将上面代码修改一下 .prize_box_img { width: 100px; height: 100px; } .prize_box_img img{ width: 100%; height: 100%; }这样就解决问题了。虽然是解决了,但是确实不明白,为什么ios直接将高宽写在标签上是无法实现的,必须在img上加一个父元素,然后在父元素上写上高宽,然后将img的高宽继承父元素。难道是ios不识别img标签吗? |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |