android - 如何使用 useragent css 定位 Samsung Galaxy Tab S3？

Question

我在一个静态网站上工作，我正在检查三星 Galaxy Tab S3([三星远程测试实验室])我发现了一些必须通过媒体查询 CSS 修复的对齐问题。

我已经使用了各种数据用户代理 hacks 来解决特定设备的问题，比如 Ipad 我使用了这个:html[data-useragent*='iPad'] 但对于 Samsung Galaxy Tab S3 我无法找到任何数据用户代理黑客攻击。

其次，当我检查它的尺寸时，即 1536 X 2048px 它超过了正常的桌面分辨率。当我把它放在 Chrome 响应式工具栏中以检查它是否向我显示一切正常时(因为它向我显示了完整的桌面网站，这非常好。)

如果我在选项卡 S3 (Using Samsung Developers Remote Test lab) 中看到该网站，它会显示框对齐失真，但当我在台式机或 ipad 等任何其他设备中看到时，一切都很好。

所以请帮助我如何定位 Tab S3，以便如果我调整 css，则只有 Tab S3 被定位，我必须为此使用什么媒体查询？

Answer 1

在媒体查询中尝试

@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {
   /* insert styles here */
 }

 Or

  @media only screen and (min-width: 1536px) and (max-width: 2048px) {
   /* insert styles here */
 }

  OR
  @media screen and (min-width: 1536px) and (max-width: 2048px) {
   /* insert styles here */
 }