我正在使用Bootstrap 3创建一个网站，我的iPhone和其他移动设备无法识别移动（xs）媒体查询。
由于iPhone 4具有较高的DPI分辨率，因此它打开了我的媒体查询中设置的平板电脑版本。我的导航栏没有在我的手机中折叠，因此我无法正确访问我的菜单项。
如何强制iPhone 4和其他高DPI设备打开其移动版本？
答案 0 :(得分：0)
Bootstrap是移动优先设计的。 xs大小没有媒体查询，因为这是＆＃34;默认＆＃34; CSS。我建议您查找并替换所有媒体查询，如您所说，＆＃34;平板电脑＆＃34;版本
例如，使用Bootstrap默认断点：
@media (min-width: 768px) {
更改为
@media (min-width: 768px) and (-webkit-max-device-pixel-ratio: 1) {