Question

尝试指定三星Galaxy note 2 ..

到目前为止我试过

@media only screen and (max-device-width:720px) and (max-device-height: 1280px) and(-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 16 / 9)

以及其他许多形式和价值不同的方法

以上代码也无效......

Answer 1

你确定那些视口大小是对的吗？访问http://viewportsizes.com并搜索您的手机。

也许将-webkit-device-pixel-ratio:2替换为-webkit-min-device-pixel-ratio:2会有所帮助吗？

Answer 2

您可能想要同时编写纵向和横向媒体查询。以下是以纵向模式定位Samsung Galaxy Note 2的媒体查询示例：

＆＃13;

/* Samsung Specific - Samsung Galaxy Note 2 Portrait*/ 
@media screen and (device-width: 360px) and (device-height: 640px) {
  #pageBodyBg {
   margin-top: 60px;
  }
}

＆＃13;

您希望将我的示例中的#pageBodyBg部分替换为您尝试完成的内容。

三星Galaxy Note 2的CSS媒体查询？

2 个答案: