介绍 & lt; img src=https://www.yisu.com/zixun/薄眂lass=癷mg-responsive center-block "> $(窗口).load(函数(){
$ (“。panel-body img") .addClass (“img-responsive center-block");
})
这篇文章主要介绍了引导让图片自适应屏幕的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
<强>引导怎么让图片自适应屏幕
引导响应式图片的正确的设置是在img上面加上两个类就可以了。
如果是在内容页里面的话,直接用js给每个img加上属性就可以了。
在引导版本3中,通过为图片添加.img-responsive类可以让图片支持响应式布局。其实质是为图片设置了max-width: 100%;,高度:汽车;和显示:块;属性,从而让图片在其父元素中更好的缩放。
如果需要让使用了.img-responsive类的图片水平居中,请使用.center-block类,不要用.text-center。
SVG图像和IE 8 - 10
在Internet Explorer 8 - 10中,设置为.img-responsive的SVG图像显示出的尺寸不匀称。为了解决这个问题,在出问题的地方添加宽度:\ 9 100%;即可.Bootstrap并没有自动为所有图像元素设置这一属性,因为这会导致其他图像格式出现错乱。
感谢你能够认真阅读完这篇文章,希望小编分享引导让图片自适应屏幕的方法内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!
