Javascript 使用JS/Jquery更改页面上所有元素的样式

我有一个用像素设计的网站…问题是它是在一个高分辨率的屏幕上开发的，当你从一个小分辨率的设备上访问它时，它看起来很奇怪

所以我的问题是：

如果分辨率小于x给定值（从大小到填充等），是否可以使用javascript或任何其他形式的前端语言将页面上所有元素的样式（自动检测它们）从基于像素更改为基于百分比

另外，我知道如何获得屏幕分辨率

例如：

@所有介质和（最大宽度：699px）和（最小宽度：520px）（最小宽度：1151px）{
身体{
背景：#ccc；
}
}

例如：

@所有介质和（最大宽度：699px）和（最小宽度：520px）（最小宽度：1151px）{
身体{
背景：#ccc；
}
}

例如：

@所有介质和（最大宽度：699px）和（最小宽度：520px）（最小宽度：1151px）{
身体{
背景：#ccc；
}
}

例如：

@所有介质和（最大宽度：699px）和（最小宽度：520px）（最小宽度：1151px）{
身体{
背景：#ccc；
}
}

---

使用CSS媒体查询解决te问题？如果用户是否启用了JS，则不绑定。而且加载速度不会比JS慢很多

根据分辨率，您可以使用指定的CSS行

例如：

@media all and (max-width: 699px) and (min-width: 520px) {
  #container {
      width: 650px;
  }
}

---

更多信息：

使用CSS媒体查询解决te问题？如果用户是否启用了JS，则不绑定。而且加载速度不会比JS慢很多

根据分辨率，您可以使用指定的CSS行

例如：

@media all and (max-width: 699px) and (min-width: 520px) {
  #container {
      width: 650px;
  }
}

---

更多信息：

使用CSS媒体查询解决te问题？如果用户是否启用了JS，则不绑定。而且加载速度不会比JS慢很多

根据分辨率，您可以使用指定的CSS行

例如：

@media all and (max-width: 699px) and (min-width: 520px) {
  #container {
      width: 650px;
  }
}

---

更多信息：

使用CSS媒体查询解决te问题？如果用户是否启用了JS，则不绑定。而且加载速度不会比JS慢很多

根据分辨率，您可以使用指定的CSS行

例如：

@media all and (max-width: 699px) and (min-width: 520px) {
  #container {
      width: 650px;
  }
}

---

---

更多信息：

…我有一个小问题…我在页面上有许多元素已重新设置了样式以适应（覆盖.css文件中的默认样式）。。媒体查询是否可以在不必将其应用于每个修改的元素的情况下工作？不，您必须为每个元素指定新的宽度。好的..但主要问题仍然存在…需要手动修改的元素太多了…我使用您的想法和大量手动工作解决了此问题。。。感谢您的支持…我有一个小问题…我有许多元素已在页面上重新设置样式以适应（覆盖.css文件中的默认样式）。。媒体查询是否可以在不必将其应用于每个修改的元素的情况下工作？不，您必须为每个元素指定新的宽度。好的..但主要问题仍然存在…需要手动修改的元素太多了…我使用您的想法和大量手动工作解决了此问题。。。感谢您的支持…我有一个小问题…我有许多元素已在页面上重新设置样式以适应（覆盖.css文件中的默认样式）。。媒体查询是否可以在不必将其应用于每个修改的元素的情况下工作？不，您必须为每个元素指定新的宽度。好的..但主要问题仍然存在…需要手动修改的元素太多了…我使用您的想法和大量手动工作解决了此问题。。。感谢您的支持…我有一个小问题…我有许多元素已在页面上重新设置样式以适应（覆盖.css文件中的默认样式）。。媒体查询是否可以在不必将其应用于每个修改的元素的情况下工作？不，您必须为每个元素指定新的宽度。好的..但主要问题仍然存在…需要手动修改的元素太多了…我使用您的想法和大量手动工作解决了此问题。。。谢谢你的支持，同样的问题如上所述。。。我是否可以将媒体查询应用于具有！重要标记（覆盖.css文件中的样式）？与上面的问题相同。。。我是否可以将媒体查询应用于具有！重要标记（覆盖.css文件中的样式）？与上面的问题相同。。。我是否可以将媒体查询应用于具有！重要标记（覆盖.css文件中的样式）？与上面的问题相同。。。我是否可以将媒体查询应用于具有！重要标记（覆盖.css文件中的样式）？