logo图片用了bootstrap的img-responsive,但是用小屏幕设备观看并没有缩小,请问是什么问题?
<p class="header" >
<p class="container">
<p class="fixed-header">
<p class="logo">
<img class="img-responsive" src="images/logo.png" >
</p>
</p>
</p>
</p>
img-responsive意思是响应式图片,它的属性为:
所以要达到图片自适应的效果,图片的外层p得是自适应的。例:
当你给父元素的宽度进行了适应后,图片才会自适应。
bootstrap grid col,最好严格按照这种结构,不然后期你会悲剧的