Bootstrap图像调整为小屏幕调整大小,不起作用
发布时间:2020-12-17 21:34:29 所属栏目:安全 来源:网络整理
导读:我正在尝试使用Bootstrap调整图像大小.我有一个足够大的徽标,适用于大屏幕和决议.显然,图像应该在所有分辨率(小和大分辨率)中都能很好地调整大小. 我使用了Bootstrap的.img响应类来使图像响应.很明显,图像在大分辨率下显示得很好,但图像在较小的分辨率下会变
我正在尝试使用Bootstrap调整图像大小.我有一个足够大的徽标,适用于大屏幕和决议.显然,图像应该在所有分辨率(小和大分辨率)中都能很好地调整大小.
我使用了Bootstrap的.img响应类来使图像响应.很明显,图像在大分辨率下显示得很好,但图像在较小的分辨率下会变小.问题是 – 图像在较小的分辨率下不会变小. 任何帮助将受到高度赞赏. <BODY> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header col-xs-3 col-md-3"> <a class="navbar-brand" href="#"> <img class="img-responsive" src="someimage.png"> </a> </div> <div class="col-xs-9 col-md-9"> <ul class="nav navbar-nav navbar-right"> <li><a href="#"><img class="img-responsive" src="A1.png"></a></li> <li><a href="#"><img class="img-responsive" src="A2.png"></a></li> </ul> </div> </div> </nav> </BODY> 解决方法
我认为你问题的根源在于你期望.img响应类会自动使你的图像对于较小的屏幕变小,这并不是它的工作原理.
它实际上适用于max-width:100%;和身高:汽车;对于图像,即如果它是宽图像,它将不会比它的父图像宽. http://getbootstrap.com/css/#images 希望这可以帮助 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- bash – 合并两个文件
- bootstrap栅格布局以及bootstrap3和bootstrap4的区别
- bash – 在shell脚本中查找shell可执行文件目录的独立平台方
- bootstrap modal 垂直居中对齐
- 如何将当前行编辑在vim的屏幕顶部
- angularjs – 使用Angular JS ui.router html5Mode(true)在
- 这是什么意思“bash <<(curl http://rvm.io/releases/rvm
- docker run -v vs Dockerfile的VOLUME
- Hessian实现Webservice
- AngularJS停止定时器$interval