三星s6的CSS媒体查询 [英] CSS media queries for Samsung s6

问题描述

请帮助.谁能告诉我有关三星s6的CSS中的媒体查询以提高响应速度的信息?

Help please. Can any body tell me about media queries in CSS for Samsung s6 to be more responsive?

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

从哪里可以测试Samsung s6的响应式设计?有任何在线链接或工具吗?

And from where i can test for responsive design for Samsung s6? Any online link or tool please?

推荐答案

我已经尝试过:

@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. 我认为这是因为Samsung S6和S7尺寸为1440x2560:

1440/4 = 360
2560/4 = 640

And it's seems to work. For S6 and S7. I think it's because the Samsung S6 and S7 dimensions are 1440x2560 :

1440 / 4 = 360
2560 / 4 = 640

希望获得帮助.

这篇关于三星s6的CSS媒体查询的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！