我的媒体查询存在问题。
我定位（开始）最大设备宽度为1024px，一个样式表，最小设备宽度为1025px，另一个，然后使用百分比，以便内容适应浏览器调整大小。
然而，我的大型20inc屏幕使用与我的11.6英寸屏幕相同的样式表，我认为这是由于分辨率，因为我的15英寸屏幕的旧电脑使用另一个较小的样式表？
因为我使用的是主要内容区域的百分比，所以这个区域在我的大屏幕上看起来很好，显然我不希望内容散布在我20英寸的屏幕上，但在我的小型11.6英寸屏幕上看起来很小。
我做错了什么？是否有针对设备的最佳做法，并且使用百分比是否可行？我喜欢我的内容适应逐渐调整大小的浏览器的方式。
我理解媒体wueries的工作方式，但我希望有一种方法可以用于大多数网站，无论是使用设备宽度，宽度还是分辨率等，因为我发现我需要继续添加样式表。
提前致谢
答案 0 :(得分：0)
您的11.6英寸屏幕很可能具有高像素密度屏幕（HiDPI）。这将使其分辨率几乎等于您的20英寸屏幕。因此，就DPI或像素比而言，它们将具有相同的样式（最大设备宽度/最小设备宽度）尝试定位设备。 有关详情（https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries），请参阅本指南。
此外，您可能需要添加视口来调整文本大小。针对<head>标记的明确推荐声明为（http://webdesign.tutsplus.com/articles/quick-tip-dont-forget-the-viewport-meta-tag--webdesign-5972）：
<meta name="viewport" content="width=device-width, initial-scale=1">