Twitter bootstrap 引导网格系统在手机上出现意外结果

我在我的旧笔记本电脑上使用720p分辨率的引导网格系统制作网页，我的想法是它仍然适合更高的分辨率。我并没有试图在更小（低分辨率）的设备上工作，我使用col md来排列东西

不管怎么说，它在720p笔记本电脑和1080p台式机上看起来很棒，但当我使用我的手机时，它也是1080p的横向配置，所有的东西都被挤压在一起（即使在横向视图中拿着它）

---

把手机放在横向视图中不应该和我的桌面有着几乎相同的分辨率吗？它当然不应该比我的分辨率更低的labtop更容易被压扁

在看不到您的代码的情况下，我建议您也尝试使用col-sm，在您的手机上进行测试之前，您可以打开chrome dev工具，并打开responsive，在不同的视口上进行测试

720p与视口宽度不同。720p的分辨率只有720条水平线。它没有提到像素尺寸

引导使用像素来确定断点。第一个移动断点位于768px

你的手机显示有一个非常不同的视口像素计数，你将无法在桌面显示器上准确地复制这一点

适用于768px宽以上任何视口的桌面设计，以及适用于768px以下任何视口的移动设计