ええ...これはおそらくブラウザが「デスクトップモード」になっているためです。
小さな画面に表示されたときにページのモバイルバージョンを表示したい場合は、次のようにしてください。
<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>