问CSS手机版其他图片
EN

Stack Overflow用户

提问于 2020-12-25 03:39:56

回答 1查看 17关注 0票数 0

我想要更改网站上的图片，这取决于它是由桌面版本调用还是移动版本调用。

我有以下代码，如何为移动版添加一行？

    .page-header-area {
  background: rgba(0, 0, 0, 0) url("images/bennar.gif") center center no-repeat;
  background-size: 100% auto;
  text-align: left;
  padding: 100px 0;
}

css

回答 1

Stack Overflow用户

发布于 2020-12-25 03:42:45

使用媒体查询。

.page-header-area {
  background: rgba(0, 0, 0, 0) url("images/bennar.gif") center center no-repeat;
  background-size: 100% auto;
  text-align: left;
  padding: 100px 0;
}

@media only screen and (max-width: 600px) {
  .page-header-area {
    background: url("mobile.gif")
  }
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65442646

复制

相似问题

问CSS手机版其他图片
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS手机版其他图片EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS手机版其他图片
EN