以前在这里有人问过这个问题，但从未解决，所以我决定看看是否有人在过去一年中弄清楚了如何做到这一点：
默认情况下，如果不存在视口元标记，iPhone 和 Android 将自动缩放页面以尝试使其适合框架。为桌面设计的网站将被缩小，以便它们适合小视口，但显然像素并没有真正真实地表示。
那么，如何在移动浏览器上显示全尺寸网页，以便“300px”在移动设备屏幕上实际用 300 个实际像素表示？
我知道元视口方法，但据我目前所知，当缩放设置为 100% 且宽度设置为 device_width 时，在这种情况下使用的像素比为 1.5 或 1.0，并且您可以检测移动设备正在渲染的像素比率。我似乎无法找到某种方法来明确强制设备仅使用 1.0 像素比率而不是 1.5 像素比率。
我如何让设备使用 1.0 的像素比，以便 CSS 中定义的 300 个“像素”实际呈现在移动设备屏幕上的 300 个像素上？如何以实际真实大小而不是 1.5 像素比显示网页？
这是我不想要的示例：目前，如果您使用元标记来设置移动浏览器的视口属性，如下所示：
<meta name="viewport" content="width=device_display, initial-scale=1.0" />
那么这意味着移动浏览器将呈现页面几乎与设计页面一样，除了 CSS 中定义的每个“像素”实际上包含设备屏幕上的 1.5 个像素，因此像素比为 1.5。这个 1.5 像素比率的约定是为了让设计在高分辨率设备上看起来不会太小。
我明白这一点，但在我的情况下我不希望这样。
我想要一个 1.0 的强制像素比，我会以自己的方式处理高分辨率设备。如何在移动浏览器中强制使用 1.0 像素比率？
* *如果有一种方法可以简单地将像素比加倍也可以