使用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元素

回答

相關問題