我正在使用Bootstrap创建一个网站,该网站使用占用大部分页面的传送带组件。我发现,当我调整浏览器窗口的大小并水平拖动视口时,图像宽度变得歪斜和扭曲。我为转盘设置了以下整体CSS样式以及不同宽度的媒体查询。引导响应CSS图像宽度歪曲和扭曲
对我的CSS规则或属性有任何修改,我可以将其应用于.carousel .item
和.carousel img
以防止浏览器窗口水平拖动时图像的宽度变形?我在想width:100%;
我可能解决这个问题?
这里是水平调整浏览器时歪斜发生的历史的图像:
这里是网站:http://www.the-session.co.uk/jen/
这里是CSS:
.carousel .item {
height: 900px;
}
.carousel img {
min-width: 100%;
height: 900px;
}
@media (max-width: 979px) {
.carousel .item {
height: 500px;
}
.carousel img {
width: auto;
height: 500px;
}
}
@media (max-width: 767px) {
.carousel .item {
height: 300px;
}
.carousel img {
height: 300px;
}
}
@ user15542624检查解决方案 – Shail 2013-02-24 02:32:31