Html Bootstrap 4上的自适应布局：超小型移动设备支持的最低屏幕分辨率是多少？

文献记载说：

超小型设备（肖像手机，小于576px）

很明显，超大屏幕是屏幕宽度小于576像素的设备。 嗯，不到576像素。。。和少多少？网格不能减少到零。使用引导网格的布局可以在没有明显设计失真的情况下被压缩，这是有限制的。此外，还有屏幕宽度远小于576像素（320或240像素）的设备

如果我们用数学方法将超小型设备支持的屏幕宽度表示为一个间隔，我们会得到

[a，b）

，其中

b=576

，根据文档..那么，

a

等于什么？文档没有涵盖这个问题

下面的代码示例中有一个自适应标题（具有行和12列的容器流体）。在Chrome中的开发人员工具中，我发现值

a=360

，这是网格尚未扭曲的最后一个值（如果

a=359

，则第12列的宽度不合适，并转到“新行”）

当然，我可以重置填充物，然后所有东西都适合320和240像素，但这个解决方案不是现成的：

.row > div {
    padding: 0;
}

360像素真的是Bootstrap 4中支持的最小屏幕宽度吗

快速查看示例：

.header{
背景：rgb（240240）；
最小高度：70px；
边框底部：1px纯色灰色；
对齐项目：居中；
文本对齐：居中；
}
.标志{
边框：1px黑色虚线；
高度：40px；
宽度：100px；
显示：内联块；
}

标志

你说得对，bootstrap支持的最小分辨率是240 x 320像素。bootstrap的开发者已经定义了当前市场的最小宽度。现在推出的大多数功能条手机的分辨率都是240x320。但是如果你想在一些老式的功能条上运行代码，比如三星Guru的分辨率为128 x 160，您可以自定义相应的媒体查询。

对于小于576px的所有内容，都可以使用样式。这并不意味着样式看起来很好，例如，对于1px的屏幕宽度。@Laurens，这是可以的。但分辨率低于默认的超小576PX（像320和240 px）。看起来Bootstrap团队不考虑屏幕宽度，因为网格扭曲了359 px。对吗？如果Bootstrap最小支持的分辨率是240x320px，那么为什么在我的例子中标题会以等于359 px的宽度崩溃？