重庆SEO, 关注并探索SEO与WEB技术。

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

发布于 作者 [重庆SEO]

Markdown版本

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

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

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

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

Tags: 宽度, 适应, 高度,

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

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

版权说明: 本站遵循 CC BY-NC-SA 4.0 协议, 未表明转载信息均为原创或整理,转载或引用请注明出处,以便溯本求源。

补充说明: 本文在本站发布于2016-01-22,文中部分内容可能存在过时或不正确,请知晓!如果可以请留言告知。

本文是否有所帮助?
点赞
说一说
打赏