是的...这可能是因为您的浏览器处于“桌面模式”。
您可能希望在小屏幕上显示页面的某些移动版本,因此您可以尝试:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<script type="text/javascript">
if ((screen.width < 480) || (screen.height < 480)) {
location.replace('/m/');
}
</script>
您需要浏览器的视口元标记来报告实际的屏幕尺寸。
编辑:
据此,您可能需要等待一段时间让浏览器“赶上”,然后再检查屏幕尺寸,所以我想最好使用:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<script type="text/javascript">
setTimeout(function() {
if ((screen.width < 480) || (screen.height < 480)) {
location.replace('/m/');
}
}, 200);
</script>