css - 在引导中如何自动将图像适合所有MobileDevice

在自举css中，如何根据其分辨率自动将图像或视频适合所有移动设备。

最佳答案

对于图像，请使用Bootstrap的Responsive Images功能。对于视频或嵌入式内容，请使用Bootstrap的Responsive Embed保留宽高比。

示例（JS Fiddle）：

<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/c/c5/%C3%84lvkarleby_June_2013.jpg/800px-%C3%84lvkarleby_June_2013.jpg" class="img-responsive">

<hr>

<div class="embed-responsive embed-responsive-16by9">
    <iframe class="responsive-embed"  src="https://www.youtube.com/embed/SirRu8mf3II" >
    </iframe>
</div>

关于css - 在引导中如何自动将图像适合所有MobileDevice，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28473265/