使用CSS媒体查询选择JavaScript元素

我正在一个网站上工作，该网站将提供一个页面，一个用AdobeEdge制作的幻灯片（导出为

.js

JavaScript文件）。我还使用CSS媒体查询来调整网站上各种元素的大小，比如

和基于屏幕分辨率的字体。我想为幻灯片做的是以不同的分辨率创建多个版本；是否可以使用CSS媒体查询，随后根据屏幕分辨率选择适当的版本？

读回已知CSS声明的值，例如主外部元素的宽度。根据您在媒体查询中设置的CSS，此值将有所不同。有了它，您可以设置一个JS变量来确定使用哪个版本

为不同的图像分辨率定义不同的尺寸，如下所示：

@仅介质屏幕和（最小宽度：768px）和（最大宽度：1009px）

---

在媒体查询中，您将根据屏幕分辨率为不同的元素定义不同的值。

多个版本是什么意思？每个分辨率有多个JavaScript版本？对吗。。。如果是的话，JavaScript具体做了什么？也要记住这一点。您只能通过媒体查询操作CSS。不过，您可以将JavaScript绑定到特定的类中，并让JavaScript监视该类的更改……我正在Edge中以不同的分辨率创建多个版本的幻灯片。这将使用多个

.js

文件；例如，

slideshow-1080.js

，

slideshow-720.js

，等等。我可能会使用Diodesus推荐的JavaScript变量，但我仍然想知道是否有任何方法可以使用CSS和PHP来实现这一点。是的，我真的不认为仅仅使用CSS就可以做到。我认为您可以使用媒体查询来更改某些内容的维度，然后如迪奥德斯所述。使用JavaScript监视它并根据值加载JS。您可能可以使用jquerygetscript来避免一次加载所有文件，而只在需要时加载它们。我想你不明白这个问题。