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

Question

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

Answer 1

对于图像，请使用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>