自舉斷點在三星Galaxy S6上沒有正確打破

Question

我有一個使用twitter引導的響應式網站，在每個移動設備上工作得都很好。除了三星Galaxy S6。出於某種原因，只有三星Galaxy S6不會使用col-xs的斷點（設置爲< 768px），而是使用col-sm的斷點。

我知道視口像素和設備像素之間的差異，所以我檢查了計算的尺寸。通過使用視口元標記將它們正確設置爲360x640像素。但是，我仍然可以在手機上看到平板電腦。

有沒有人有同樣的問題？我只是不想寫一些尷尬的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將在未來解決這個問題。