gpt4 book ai didi

css - 在 Bootstrap 中如何自动使图像适合所有移动设备

转载 作者:太空宇宙 更新时间:2023-11-04 12:19:15 25 4
gpt4 key购买 nike

在 bootstrap 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 - 在 Bootstrap 中如何自动使图像适合所有移动设备,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28473265/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com