在自舉中如何自動將圖像適合所有MobileDevice

Question

在引導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>