2013-08-25 57 views
1

我正在尋找一種方法來結合幾個CSS mediaquery條件。 我想申請一定的規則時結合CSS媒體查詢條件

一)最大寬度爲480或 B)的最大寬度爲800給設備的方向是橫向

是否有可能把在一個聲明?我能明顯使兩個規則,給他們倆相同的CSS的東西,但是這不是很有效

在此先感謝

編輯:請參閱鑑於大多數電腦顯示器現在將有以下

+0

當您將'max-width'設置爲'800'時,第一條語句'max-width:480px'將無用。 –

+0

有道理......我試圖實現的是,該規則是否適用於最大寬度爲800的移動設備,但不適用於寬度爲800的計算機屏幕。它只適用於a)手機屏幕最大800 AND b)桌面屏幕最大480 – Berbatov

+0

您必須將其複製並手動輸入 –

回答

1

附加評論更寬的分辨率,你可以使用max-device-width從桌面區分手機:

@media screen and (max-device-width: 800px) and (orientation:landscape), screen and (max-width: 480px) 

注意查詢用逗號分隔這相當於一個邏輯「或」運算符

+0

謝謝。我決定區分480和800之間的規則,所以我使用了單獨的規則,但如果需要將它們合併,我將使用它。謝謝 :) – Berbatov