轻松搞定！网页图片大小神奇调整攻略

嘿亲们，来聊聊如何快速搞定网页上图片大小的事儿呗！别急看我接下来咋教你，快来听听哒！

想压缩图片吗？超级容易滴！首先在HTML里加上class给img标签;接着打开CSS文件，看到width和height的权重属性了？你想缩多大就缩多大（要固定的话，直接填写数值！） ~

.image {
  width: 50%;
  height: auto;
}

就这么简单！只需要在img上加个id，然后调用jQuery的css功能，图片大小马上就能变了。想怎么调大小就怎么调。更神奇的是，图片还能变成父元素的一半！如果你还想再变大或变小，直接在JS代码里加个对象字面量搞定！

.image {
  width: 200px;
  height: 100px;
}

好嘞！用 jQuery 的attr功能，你可是随便就能当上”图片大小魔法师”了简单得跟玩儿似地，拉伸缩放都行。比如，让img加上width和height属性，图片宽度会自动砍掉父母兄弟的一半，身高也没啥偏差，就这么神奇！

搞定！直接在HTML代码里插个img元素到DOM里头就行了，再用JQuery或CSS或attr调整下尺寸和长得什么样子就行。

$(document).ready(function() {
  $("#my-image").css("width", "50%");
});

不用慌，用CSS、jquery的CSS属性或attr函数就能搞定图片大小！随心所欲调，喜欢啥样选啥样，瞬间让网站大变样！

赶紧动手试下这些小窍门！轻松搞定图片大小再也不怕了！按照需求选择合适方法~今天要分享怎么调整网页图片大小的方法，包括用CSS样式、jQuery的CSS方法、attr方法以及定义img元素等4种方法。希望对你有帮助，使页面更漂亮些遇到难题就留言问我呀‍♀️别忘了分享给朋友们

$(document).ready(function() {
  $("#my-image").css({
    "width": "200px",
    "height": "100px"
  });
});