css实现：（此例中图片宽高比例为1:1）
<mt-swipe :auto="4000" style='height: 0padding-bottom: 100%width: 100%'>
<mt-swipe-item style="height: 0padding-bottom: 100%width: 100%" v-for="item in list" :key="item.id">
<img :src="item.img" class="swipepic">
</mt-swipe-item>
</mt-swipe>
就是通过padding-top或者padding-bottom实现，高度设置为0。这个属性当它的值为百分比的时候，是按该元素的宽度来计算的。也就是说当设为100%的时候，其高度就等于自身的宽度，形成一个正方形。也就是说可以通过这个来设置已知尺寸比例的图片宽度100%高度自适应。
方法二、
使用js判断图片的宽度得到具体数值之后，再来利用js设置图片的高度，具体实现请打开百度，另外请注意：用js实现的时候需要监控页面缩放变化以达到自适应。
WWW服务和Gopher服务是通过客户端程序访问的，这种程序被称为Web Browser（网页浏览器),因为它允许用户根据超文本链接(HyperText Link）进行漫游，而不必进行有目的的查询。网页浏览器鼓励偶然的发现，并因此而得名。目前WWW环境中使用最多的网页浏览器主要有两个，一个是Netscape(网景)公司的Navigator，另一个是美国Microsoft(徽软)公司的 InternetExplorer。 浏览器是指可以显示网页服务器或者文件系统的HTML文件内容，并让用户与这些文件交互的一种软件。网页浏览器主要通过HTTP协议与网页服务器交互并获取网页，这些网页由URL指定，文件格式通常为HTML，并由MIME在HTTP协议中指明。一个网页中可以包括多个文档，每个文档都是分别从服务器获取的。大部分的浏览器本身支持除了HTML之外的广泛的格式，例如JPEG、PNG、GIF等图像格式，并且能够扩展支持众多的插件（plug-ins）。另外，许多浏览器还支持其他的URL类型及其相应的协议，如FTP、Gopher、HTTPS（HTTP协议的加密版本）。HTTP内容类型和URL协议规范允许网页设计者在网页中嵌入图像、动画、视频、声音、流媒体等 目前主流浏览器有： Internet Explorer Mozilla Firefox Google Chrome Opera Netscape Navigator第一种方法：将三张大图放在div里面，这三个div大小还有别的属性都一样，但是默认是隐藏的，display：none；隐藏display：block；显示然后点击一张图片，对应的大图div显示出来，点击第二张，第一个大图div隐藏，第二个大图div显示。第二种方法，只有一个大的div，里面放<img>标签，但是src也就是路径是空的，然后当你点击第一个小图的时候，给这个img标签的src赋值，也就是第一个大图的路径，点击第二个，路径变更。第三种，去网上找找这样的源代码，图片轮转。好多源代码 各种样式的都有。希望能帮助到你
