Question

我需要检索移动设备的实际尺寸（w＆amp; h）。

例如，如果在我的index.html中我删除视口元标记：

在Nexus 6上window.innerWidth是981px。如果我添加视口元标记：

<meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0,maximum-scale=1.0" />

当然window.innerWidth降到412px。

我需要在页面中为我的“移动用户界面”提供视口的好处，但同时我需要检索设备的实际尺寸。

e.g。 innerWidth是412px，但实际设备宽度是981px，我想问一个宽度= 981px而不是412px的图像，以获得更好的质量。

有一种方法可以在页面中添加视口标记来检索实际设备尺寸吗？

提前致谢。

Answer 1

无论是否存在window.screen.width元标记，您都可以使用window.screen.height和viewport来获取设备尺寸。

Answer 2

我做了一个＆＃39;猪肉＆＃39;在视口更改之前检索实际设备尺寸。

<?php

$array = array(22 => 8, 3 => 7, 5 => 6);

foreach ($array as $key => $value) {
    echo numbers_to_time($key) . "<br>";
}

function numbers_to_time($number) {

    $number = intval($number);

    if ($number < 0 || $number > 23) {
        return "Number should be between 1 to 23";
    }


    if ($number == 0) {
        return "12AM";
    } elseif ($number == 12) {
        return $number . "PM";
    } elseif($number > 0 && $number < 12) {
        return $number ."AM";
    } elseif ($number > 12 && $number <= 23) {
        $temp = $number - 12;
        return $temp . "PM";
    }

}

?>

即使视口元标记位于页面中，也可以获取实际设备尺寸

2 个答案: