网格和 <picture>

问题描述

任何网格系统都有断点,即媒体查询。例如 Bootstrap 的断点:

Breakpoint     Class infix  Dimensions
X-Small             None    <576 dp
Small               sm      ≥576 dp
Medium              md      ≥768 dp
Large               lg      ≥992 dp
Extralarge          xl      ≥1200 dp
Extra extra large   xxl     ≥1400 dp

并且标签具有媒体查询。

我认为 X-Small 对于图片来说太粗糙了。 576 dp 是一个相当大的屏幕。而很多手机都可以有360 dp。至于网格,似乎可以接受。但至于画面,360和576差距很大。

问题

我可以为添加一个额外的断点吗?像这样:

XXS                         <375 dp
X-Small                     ≥ 375 dp
Small                       ≥576 dp
Medium                      ≥768 dp
Large                       ≥992 dp
Extralarge                  ≥1200 dp
Extra extra large           ≥1400 dp

换句话说,网格的媒体查询会有所不同。是可以接受的还是垃圾?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)