在手机端,两张图片并排显示,图片怎样设置比例

Posted 努力┗(`O′)┛奋斗!

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在手机端,两张图片并排显示,图片怎样设置比例相关的知识,希望对你有一定的参考价值。

今天用mui的轮播的时候,想一行里面,显示两个轮播图,一个轮播图里面图片的宽度是500,另外一个宽度是250,高度都一样。

一个轮播图最开始设置60%的width,另一个设置40%,以为这样就能正确显示了。结果出现下面的问题

出现这个的原因是什么呢,原来是图片的比例设置得不对啊。第一个轮播图里的图片的宽度与第二个轮播图里的图片的宽度的比例是2:1,所以我把第一个轮播图宽度设置为66%,第二个设置为33%。就能正确显示了。

 

以上是关于在手机端,两张图片并排显示,图片怎样设置比例的主要内容,如果未能解决你的问题,请参考以下文章

IE浏览器图片无法居中以及手机端图片模糊的处理

jquery.swipebox.min如何在手机端双指放大缩小

怎么做出两张图片拼在一起的图片?

移动端问题总结(转)

移动端常见的兼容性问题

移动端h5踩坑之 显示富文本内容设置图片宽度