由于我的网站在小屏幕上看起来一点都不好，我想创建一个 JS 函数，当屏幕宽度小于或等于 800 像素时，将我重定向到页面的移动版本。
代码如下:
if (screen.width <= 800) {
document.location ="index_mobile.html";
};
如果代码有效，那么当我将浏览器窗口缩小到 800 像素宽时，应该会显示 index_mobile.html。但它现在没有出现。有谁知道这是怎么回事吗？
最佳答案
移动浏览器不会报告或使用真实的设备分辨率，因为这基本上会使互联网上的所有网站都无法使用。
他们所做的是创建一个分辨率接近台式机分辨率的“虚拟屏幕”，然后在页面上实现缩放。
如果您想知道真实的设备分辨率，您需要禁用在设备上完成的自动缩放。例如，对于 iOS 和 Android 设备，这可以完成添加
<meta name="viewport"
content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
到<head>页面的一部分。这会通知浏览器该页面专为处理低分辨率设备而设计，并禁用虚拟屏幕层。
关于javascript - 宽度太小时重定向到移动页面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13200792/