三星Galaxy S6上的引导断点未正确中断

Question

我有一个使用twitter bootstrap的响应式网站，它在每一个移动设备上都工作得很好。除了三星盖乐世S6。由于某些原因，只有三星Galaxy S6不会使用用于col(设置为<768px)的断点，而使用用于col的断点。

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

有没有人有同样的问题？我只是不想写一些笨拙的JS-Hack来检测S6，因为其他安卓设备(我检查过)都运行得很好。

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能在未来解决这个问题。