2015-01-04 34 views
1

在僞代碼,像這樣:是否可以在特定縮放上分配CSS屬性?

div:zoom(2){ 
    color:red; 
} 

應設置所有的div的顏色爲紅色時,變焦2倍。

純CSS可以嗎?

+0

要訪問要麼是外面的DOM樹或難以在DOM樹的訪問,你去使用僞類和僞信息元素。把它看作是對純CSS的一種讚揚,它不能用普通的選擇器來表達 – sarepta

+1

你用'zoom'來表示什麼意思?你的意思是由操作系統觸發的用戶縮放嗎?通過瀏覽器?或者你的意思是CSS中的實際'zoom'屬性? – helloanselm

+0

假設你的意思是瀏覽器縮放,我不認爲CSS有瀏覽器縮放選擇器。 [檢測瀏覽器縮放並不重要](https://stackoverflow.com/questions/1713771/how-to-detect-page-zoom-level-in-all-modern-browsers)。嘗試使內容在不同的縮放級別下工作可能會更好。 –

回答

1

您無法真正檢測用戶是否放大頁面。這是由於這些限制:

  • CSS不能通過媒體查詢獲取此類信息。但即使在Media Queries Level 4(尚未由任何瀏覽器實現)中,也沒有縮放級別檢測。
  • 瀏覽器縮放可以有兩種方式:字體大小縮放或頁面縮放。

對於後者,使用JavaScript有一些可能性來檢測縮放級別。你最好不要依賴它,我會考慮兩次,如果將這樣一個hacky腳本包含到代碼庫中。

查看堆棧過低這樣的回答:https://stackoverflow.com/a/5078596/3689130
看到這個Github上庫:https://github.com/yonran/detect-zoom

+0

我問關於頁面縮放。所以不可能?好。謝謝(你的)信息! – nicael

+0

如上所述,它有點可能(正如github回購所做的那樣),但這是一個拙劣的解決方案,我不會將它用於生產站點/應用程序。 :) – helloanselm

相關問題