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

我工作的一个网站，该网站将展出，一个一个页面，在Adobe边缘做了一个幻灯片上（导出为.js JavaScript文件）。我还使用CSS媒体查询来调整网站上的各种元素，如<div> S和字体的基础上的屏幕分辨率。我在为幻灯片做的事情是以不同的分辨率创建多个版本;是否可以使用CSS媒体查询来随后选择每个屏幕分辨率的适当版本？使用CSS媒体查询来选择一个JavaScript元素

来源

2012-07-26 John Doe

你所说的多个版本是什么意思？每个分辨率有多个JavaScript版本？那是对的吗？ ...如果是这样，那么JavaScript是专门做什么的？ – 2012-07-26 14:23:45

也与此相符。您只能通过媒体查询操作CSS。然而，你也许可以配合你的JavaScript到特定的类一些如何和你的JavaScript的监视更改的那类... – 2012-07-26 14:26:13

我创建的边缘幻灯片的多个版本，在不同的分辨率。这将运行多个'.js'文件;例如'slideshow-1080.js'，'slideshow-720.js'等等。按照Diodesus的建议，我可能会诉诸JavaScript变量，但我仍然想知道是否有任何方法可以使用CSS和PHP来完成此操作。 – 2012-07-26 14:37:09

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

来源

2012-07-26 14:25:16

定义不同的图像分辨率不同的尺寸，像这样：只有

@media屏幕和（最小宽度：768px）和（最大宽度：1009px）

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

来源

2012-07-26 14:25:59

我想你不明白的问题。 – 2012-07-26 14:26:46

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

回答

相关问题