僅限CSS的目標瀏覽器大小

是否存在用於瀏覽器大小的CSS選擇器。因此，如果瀏覽器對於實例大於500像素，我可以對元素進行樣式設置。僅限CSS的目標瀏覽器大小

我的目標瀏覽器是IE9 & IE10在標準模式下只有;所以我只關心這兩個瀏覽器。

2012-07-10 Cheetah

究竟什麼是「瀏覽器大小」？ – BoltClock 2012-07-10 18:38:16

@BoltClock READ AS：body元素的大小，我認爲它非常清晰 - 我猜不是！ – Cheetah 2012-07-10 18:39:18

我很清楚Ben。 PoeHah的答案稍微不正確。閱讀響應式[網頁]設計。 – 2012-07-10 18:48:01

當然，你可以使用媒體查詢，像這樣：

@media screen and (min-width: 500px) { your css goes here }

2012-07-10 18:45:27

@Ben你可以稱爲響應！：] – 2012-07-10 18:45:55

標準模式下的IE9 +是否完全支持這些標準，或者是否有一些典型的IE qwerks？ – Cheetah 2012-07-10 18:47:31

+1提醒我這種技術:) – PoeHaH 2012-07-10 18:48:02

你不能只用css media queries這個嗎？

2012-07-10 18:45:26 stephenmurdoch

沒有在CSS選擇器，用於判斷一個人的屏幕的大小。但是如果你不需要，我也不會去使用Javascript路線。也許你應該更多地關注CSS媒體查詢。

通過讓樣式表更加精確地標記，CSS 3增強了對媒體相關樣式表的支持。媒體查詢由一個媒體類型和至少一個表達式組成，該表達式通過使用媒體特徵（如寬度，高度和顏色）來限制樣式表的範圍。媒體查詢讓內容呈現適合特定範圍的輸出設備，而不必自行更改內容。

參考文獻：

https://developer.mozilla.org/en/CSS/Media_queries/

2012-07-10 18:47:16 cereallarceny

回答