CSS媒體查詢不計算屏幕密度？

我有下面列出的媒體查詢。當屏幕寬度小於900時，我覺得這個設備是一部手機。這在我的電腦上測試時效果很好。但是，在我的高分辨率droid turbo上進行測試時，它會加載平板電腦css文件。所以這似乎沒有考慮屏幕密度？如果情況如此，你如何開發跨平臺？CSS媒體查詢不計算屏幕密度？

<link media="screen and (min-width:0px) and (max-width:899px)" rel="stylesheet" type="text/css" href="phone.css"> 
<link media="screen and (min-width:900px) and (max-width:1299px)" rel="stylesheet" type="text/css" href="tablet.css"> 
<link media="screen and (min-width:1300px)" rel="stylesheet" type="text/css" href="computer.css">

來源

2016-10-23 J Doe

Google/Yahoo/Bing告訴你什麼？有一堆博客和文章可以閱讀有關這個問題，以及如何支持它。如果你看，也可能有一些堆棧溢出的答案專用於此。 – Martin

@Martin我不會問這個問題，如果我找不到答案。我會繼續看。 –

這個元標記添加到您的HTML文檔的頭部，以使頁面等於手機屏幕的寬度，寬度：<meta name="viewport" content="width=device-width, initial-scale=1.0"/>。然後，使用min-device-width和max-device-wdith，而不僅僅是min-width和max-width來定位手機的實際尺寸（許多移動設備會縮放網站，以便它們顯示的內容與瀏覽器上顯示的內容相同，從而改變了它們顯示的尺寸）。

來源

2016-10-23 23:36:31

CSS媒體查詢不計算屏幕密度？

回答

相關問題