移动优先:同一内容在四个主题下的响应式表现

把浏览器窗口拖窄,是体验主题最快的办法。四个主题的断点策略完全不同,值得逐一对比。

观察点

• 导航:Olivero 抽屉式 / Bootstrap 折叠按钮 / Radix 汉堡菜单。
• 卡片栅格:Bootstrap 系主题的 col-md-4 在中屏折叠为单列。
• 表格:SaaS 页的定价表在小屏上的可读性差异明显。

提示:手机上可以在任意 URL 后加 ?theme= 参数快速切换。