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

问题描述

请帮忙.任何人都可以告诉我有关 CSS 中的媒体查询的三星 s6 响应速度更快吗?

<前>@media 仅屏幕和(最小设备宽度:360px)和(最大设备宽度:640 像素)和(-webkit-min-device-pixel-ratio : 3) {//代码在这里 }

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

解决方案

我试过了:

@media screen和(设备宽度:360px)和(设备高度:640px)和 (-webkit-min-device-pixel-ratio : 4)和 (-webkit-device-pixel-ratio : 4)和(方向:纵向){/* CSS 转到这里 */}

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

1440/4 = 360
2560/4 = 640

希望对您有所帮助.

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 }  

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

解决方案

I've try this :

@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 */

}

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

Hope this help.

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