高度不响应Bootstrap 3

时间:2016-03-04 13:13:59

标签: twitter-bootstrap css3 twitter-bootstrap-3 liferay-theme

移动到平板电脑和移动电话时,我遇到了问题。难道他们不能立刻变小吗?

在下图中看起来与众不同。它们不是100%响应,因为它们不会在一起或增加或减少屏幕。

- >>>>代码示例:http://www.bootply.com/2oNSFtdw9Z<<<< ---

第一张图片是平板电脑模式,第二张图片是手机

modeTablet

modeMobile

问候!!!!

1 个答案:

答案 0 :(得分:2)

您提供的链接中的代码似乎工作得非常好,但为了以防万一,您可以尝试将图像高度设置为其所包含的div的100%。

.imagenContenido img {
height: 100%;
}

这将导致图像垂直拉伸以填充整个div。请注意不要在div或图像上设置固定宽度,否则图像会扭曲。