首图在手机上需要方形裁剪，在桌面端需要宽幅裁剪。哪种标记能够表达这种艺术指导需求？

首图在手机上需要方形裁剪，在桌面端需要宽幅裁剪。哪种标记能够表达这种艺术指导需求？

1. 使用带媒体条件`<source>`与`<img>`后备内容的`<picture>`元素
2. 在所有宽度下都使用一个超大`<img>`，再通过`overflow: hidden`隐藏部分内容
3. 使用背景图片，并在每次resize事件后通过JavaScript修改文件名