如何使用pageXOffset？

Question

我是Javascript的新手，所以我知道这对你来说是个基本问题，但对我来说，这很难。 请帮助我任何建议。

我想在屏幕尺寸小于960px时更改图像大小，以使用Javascript制作响应式网站。 图像的实际尺寸为363 x 88，我想切换到275 x 55。 我怎样才能做到这一点？ 感谢。

Answer 1

您可以在css中使用媒体查询：https://jsfiddle.net/DIRTY_SMITH/g8hbwz19/1/

在你的头部分

添加：

<meta name="viewport" content="width=device-width, initial-scale=1">

在你的css中添加如下内容：

.img {
  width: 363px;
}

@media (max-width: 960px) {
  .img {
    width: 275px;
  }
}