CSS中怎么檢測高像素密度屏幕設備的樣式,很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。
成都創(chuàng)新互聯(lián)公司服務項目包括蘇仙網(wǎng)站建設、蘇仙網(wǎng)站制作、蘇仙網(wǎng)頁制作以及蘇仙網(wǎng)絡營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關系等,向廣大中小型企業(yè)、政府機構等提供互聯(lián)網(wǎng)行業(yè)的解決方案,蘇仙網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前,我們服務的客戶以成都為中心已經(jīng)輻射到蘇仙省份的部分城市,未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任!
iPhone4雖然是640px的分辨率,但其屏幕寬度(device-width)只有320px和iPhone3G一樣,只不過iPhone4S的像素密度是2。
那么使用meta viewport的時候,就需要注意這種差別。如果要檢測高像素密度設備,可以使用類似下面的CSS語句:
代碼如下:
@media screen and (-webkit-device-pixel-ratio: 2) {
body{
background-color: red;
}
}
看完上述內(nèi)容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)的支持。