bootstrap中，当屏幕宽度缩小，怎么让图片也等比例缩小，去达到自适应效果？主流的屏幕有哪些？

最新推荐文章于 2023-09-09 21:50:42 发布

danniyedan

最新推荐文章于 2023-09-09 21:50:42 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/danniyedan/article/details/120510669

版权

关键词由CSDN通过智能技术生成

给img标签，添加 with:100%

/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: @screen-sm-min) { ... }

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: @screen-md-min) { ... }

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: @screen-lg-min) { ... }