前端开发 背景图片如何适配不同设备？

pc端全屏的大图片，如何在移动端展示时只显示中间一部分？

我总是习惯

 <div><img src='路径'></div>

这样来设置图片，求这种写法的适配办法？求亲们指点一二

background: url('./xxx.png') no-repeat center center;
不要设置img，设置css背景

最近在看canvas应用,根据你的需求可以使用canvas的drawImage图片设置属性截取你需要的部分显示在canvas标签上!
/**
* drawImage：绘制图片
* img:image或canvas对象；
* (x,y):图片位置；
* (width,height):图片宽高
* */

    ctx.drawImage(img,x,y,width,height);

投降了，不用img标签了。设置了背景

是不是设置固定宽度，然后transformX(-50%)也可以居中显示