Html CSS媒体查询到目标Windows Phone Nokia Lumia

我正在使用下面的少目标手机和所有其他设备的工作，但窗口电话位置：相对打破了整个用户界面

li {
  @media screen and (max-width: 480px) {
      position: relative;
      top: 4px;
      zoom: 0.5;
      width: 46px;
  }
}

如何仅针对使用媒体查询的windows phone

我已经看过下面的解决方案，但它们使用的是条件CSS标记，我的项目使用的更少

在解决方案目标dpi以下，这可能会在未来的设备中发生变化。因此，这并不能解决我的问题

---

在为特定设备应用样式时，我不会完全依赖媒体查询。尝试使用check library is.js（），如本例所示：

if(is.windowsPhone()) {
    $('body').addClass('is-windows-phone')
}

现在，在您的风格中，您可以执行以下操作：

body.is-windows-phone ul#fancyWindowsPhoneList li {
    position: relative;
    top: 4px;
    zoom: 0.5;
    width: 46px;
}

---

希望这有帮助

在为特定设备应用样式时，我不会完全依赖媒体查询。尝试使用check library is.js（），如本例所示：

if(is.windowsPhone()) {
    $('body').addClass('is-windows-phone')
}

现在，在您的风格中，您可以执行以下操作：

body.is-windows-phone ul#fancyWindowsPhoneList li {
    position: relative;
    top: 4px;
    zoom: 0.5;
    width: 46px;
}

---

希望这有帮助

感谢齐特彻的支持。 但我找到了一个适合我的黑客 （这可能对某人有帮助）

这就是我要找的。

---

谢谢你的帮助。

谢谢齐茨彻的帮助。 但我找到了一个适合我的黑客 （这可能对某人有帮助）

这就是我要找的。

---

谢谢您的帮助。

也许您的代码不正确，无法在WinPhone上使用？修复position:relative的问题。可能您的代码不正确，无法在WinPhone上工作？修复位置问题：相对。