html - 查看不调整大小的全宽

Question

您好，我想创建一个类似于 bootstrap 2.3.2 主页上的效果 - http://getbootstrap.com/2.3.2/

效果就是'view full width，自动切入

我设法获得了完整的图片宽度

.cut {
     max-width: 450px;
     overflow: hidden;
}

.cut img {
    height: 100%;
}

不幸的是，'图像在移动设备中调整了大小，而我希望你剪切

提前致谢

score 0 · Accepted Answer

你想要这个反应灵敏的小东西吗？（尝试调整窗口大小）

CSS：

.cut img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

HTML：

<div class="cut">
    <img src="http://www.lorempixel.com/600/400">
</div>

这就是所谓的响应式设计。

1 回答 1