css - 如何更改移动视图上的背景图像？

Question

我需要在移动和桌面视图中更改背景图像。我使用下面的代码来显示背景图像。

<img class="slider_Style" :style="{ backgroundImage: 'url(' + offer.slider_image + ')', backgroundPosition: '50% 50%' }" />

如何使用条件更改移动视图的代码。

标签： cssvue.js

Answer 1

带有背景图像的 img 标签，这是不是有点奇怪的语法？如果我是你，我只会使用普通的 src 作为 img 标签，然后有 2 个不同的元素，你可以根据屏幕大小显示/隐藏。（Javascript window.width 或 css 媒体查询）