vue项目使用vw布局及注意点(IOS上图片不显示bug)
程序员文章站
2022-05-25 20:53:16
...
注意事项
- 在ios端img标签的图片不显示,安卓可正常显示
解决方案: 不可以为img设置任何css样式,只可以在为img的父盒子设置样式,img的大小靠百分比设置。
代码示例:
错误示例
<div class="img">
<img src="xxx.png" alt="">
</div>
<style>
.img{
width:100px;
height:100px;
}
.img img{
width:100px;
height:100px;
margin:10px;
}
</style>
正确示例:在img上定义图片的大小,在ios端才可以正常显示
<div class="img">
<img src="xxx.png" alt="" width="100%">
</div>
<style>
.img{
width:100px;
height:100px;
padding:10px;
}
</style>
错误更正,在全局设置中img标签设置如下:
img{
content: normal !important;
}
上一篇: vue项目在iE下不显示
下一篇: 你别在这拉啊!