三星s6的CSS媒体查询 | 三星s6的CSS媒体查询

本文介绍了三星s6的CSS媒体查询的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

请帮助.谁能告诉我有关三星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媒体查询的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！