我正在使用 Bootstrap 3 创建网站，但我的 iPhone 和其他移动设备无法识别移动 (xs) 媒体查询。
由于 iPhone 4 具有高 DPI 分辨率，它正在打开平板电脑版本，如我的媒体查询中所设置的那样。我的导航栏在我的手机中没有折叠，所以我无法正确访问我的菜单项。
如何强制 iPhone 4 和其他高 DPI 设备打开其移动版本？
最佳答案
Bootstrap 的设计以移动设备为先。没有针对 xs 大小的媒体查询，因为这是“默认”css。我建议您查找并替换您所谓的“平板电脑”版本的每个媒体查询。
例如，使用 Bootstrap 默认断点:
@media (min-width: 768px) {
改为
@media (min-width: 768px) and (-webkit-max-device-pixel-ratio: 1) {
关于css - 如何强制高 DPI 手机在 Bootstrap 中打开 xs 布局，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24062263/