三星Galaxy S6上的bootstrap断点没有正确打破

Question

我有一个使用Twitter bootstrap的响应式网站，在每个移动设备上运行良好。三星Galaxy S6除外。出于某种原因，只有三星Galaxy S6不会使用col-xs的断点（设置为＆lt; 768px），而是使用col-sm的断点。

我知道视口像素和设备像素之间的区别，所以我检查了计算的尺寸。通过使用视口元标记将它们正确设置为360x640px。但是，我仍然在手机上看到平板电脑。

有没有人有同样的问题？我只是不想写一些尴尬的JS-Hack检测到S6，因为其他每个Android设备（我检查过）工作得很好。

Answer 1

我刚刚遇到了与三星s6相同的问题 尝试编写特定的媒体查询来处理像s6这样的高像素密度设备，而不仅仅是s7。

@media screen 
  and (device-width: 360px) 
  and (device-height: 640px)
  and (-webkit-min-device-pixel-ratio : 4) 
  and (-webkit-device-pixel-ratio : 4)
  and (orientation: portrait) {

your css code

}

希望BS4将来能解决这个问题。