CSS中怎么檢測高像素密度屏幕設備的樣式

CSS中怎么檢測高像素密度屏幕設備的樣式，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

成都創(chuàng)新互聯公司服務項目包括蘇仙網站建設、蘇仙網站制作、蘇仙網頁制作以及蘇仙網絡營銷策劃等。多年來，我們專注于互聯網行業(yè)，利用自身積累的技術優(yōu)勢、行業(yè)經驗、深度合作伙伴關系等，向廣大中小型企業(yè)、政府機構等提供互聯網行業(yè)的解決方案，蘇仙網站推廣取得了明顯的社會效益與經濟效益。目前，我們服務的客戶以成都為中心已經輻射到蘇仙省份的部分城市，未來相信會繼續(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;
}
}

看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注創(chuàng)新互聯行業(yè)資訊頻道，感謝您對創(chuàng)新互聯的支持。

分享標題：CSS中怎么檢測高像素密度屏幕設備的樣式
URL標題：http://muchs.cn/article30/pipopo.html

成都網站建設公司_創(chuàng)新互聯，為您提供網站營銷、、網站維護、網站排名、網站收錄、軟件開發(fā)

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯