1
需要爲不同設備像素比率值指定不同css的能力。如何才能做到這一點指定多個-webkit-min-device-pixel-ratio和-webkit-max-device-pixel-ratio css媒體查詢
例如,
0 <= range 1 <= 1 1 < range 2 <= 1.5 1.5 < range 3 <= 2.0 2.0 < range 4
示例媒體查詢看起來像
> @media (-webkit-max-device-pixel-ratio:1.0) { > .fontCls { > color: #FF00FF; // pink > font-size: 20px; > text-decoration: overline; > } > } > > @media (-webkit-min-device-pixel-ratio:1.0) and (-webkit-max-device-pixel-ratio:1.4) { > .fontCls { > color: #FF00FF; // pink > font-size: 16px; > text-decoration: line-through; > } > } > > @media (-webkit-min-device-pixel-ratio:1.5) and (-webkit-max-device-pixel-ratio:1.9) { > .fontCls { > color: #FF00FF; // pink > font-size: 16px; > text-decoration: underline; > } > } > > @media (-webkit-min-device-pixel-ratio:2.0) { > .fontCls { > color: #FF00FF; // pink > font-size: 16px; > font-weight: bold; > } > }
您的代碼正是您如何做到的。有問題或者不能處理你的代碼。它似乎結構正確。 – 2015-02-26 18:19:19