banner图失真解决方案

PS吐槽 由于项目中遇到PC端和手机端共用一张轮播图这种问题，当时脑子第一反应，尼玛哪有这么搞的，手机与PC能用一张图吗？？？这么搞图片肯定失真呀。这种情况别折腾了，没必要，直接抛给美工切图，后端自己偷懒，自己解决吧。碍于面子，勉强改改，不过还是有办法的。

首先最简单的确认PC与手机端的图片横纵比，尽量一致，直接修改PC的CSS样式（PC端能有所牺牲，公司主要需求在手机端）。
如果不怕麻烦可以采取以下方式：（思路）
一、采用背景图做banner，采用background-size：cover属性可以解决图片变形
二、PC端该怎样怎样，手机端采用rem自适应完美解决不同机型显示问题
三、canvas绘图，完美（angular可以动态生成）
四、GitHub上有成熟插件自己找吧。。。。