网页内容中图片高度宽度自适应

发布于 分类 WEB技术

56天前 有1个用户阅读过

之前解决网页内容中图片宽度自适应,我通常在css中加上img{max-width:100%;}就完事。

但是当html中的img标签设置有高度属性的时候,图片的高度并不能像宽度那样等比例的自适应,一直以来我知道它的存在,但我一直选择忽视它。

由于博客最近又换了bootstarp,自适应有了更好的体验,觉得应该还是处理掉这个问题。

一开始我并不想用JS,想用PHP使用正则表达式把高度和宽度过滤掉。...(此处省略若干文字)
最后,我还是决定用jquery,duang,duang~
$(function(){
  //去掉图片高度和宽度以便自适应
  $('.body img').removeAttr('height');
})

-- The End --

本文标题: 网页内容中图片高度宽度自适应

本文地址: https://seonoco.com/blog/image-height-width-adaptation

点赞 0
感谢支持
0
多谢反馈
评论 0
打赏

支持微信/支付宝

评论

网友