1

我有两个单独<style>的标签，它们都包含大量样式和媒体查询。第一组样式应用于桌面查看器，另一组应用于移动查看器。当两组媒体查询都运行时，它会弄乱显示，因为不同的组件以不同的大小可见。我一直在根据用户显示动态链接样式表，但我被要求在一个页面上完成所有操作，而无需加载额外的文件。有什么方法可以通过 javascript 应用一组样式或另一组样式？

4

2 回答 2

1

您可以在 JavaScript 中进行移动检测，然后根据您想要的样式添加一个类。IE。

<body>
  <div class="mobile">
    .. your page ..
  </div>
</body>

或者

<body>
  <div class="desktop">
    .. your page ..
  </div>
</body>
于 2013-08-28T21:30:37.003 回答
1

您可以在 CSS 链接中链接它

<link rel='stylesheet' media='screen and (max-width: 701px)' href='css/medium.css' />
<link rel='stylesheet' media='screen and (min-width: 702px)' href='css/large.css' />
于 2013-08-28T21:32:36.047 回答