三星 s6 的 CSS 媒体查询

Question

请帮忙。任何人都可以告诉我有关 CSS 中的媒体查询以提高三星 s6 的响应速度吗？

@media only screen and (min-device-width : 360px) and (max-device-width : 640px) and (-webkit-min-device-pixel-ratio : 3) { // code here }  

我可以从哪里测试三星 s6 的响应式设计？请问有在线链接或工具吗？

Answer 1

我试过了:

@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) {

/* CSS GO HERE */

}

而且它似乎有效。对于 S6 和 S7。我认为这是因为三星 S6 和 S7 尺寸为 1440x2560 :

1440/4 = 360
2560/4 = 640

希望这对您有所帮助。