pepper 메모 _06 : 페퍼의 태블릿 해상도 또는 요약

후추 태블릿 해상도 또는 요약

페퍼의 태블릿 해상도 등을 정리했습니다!

※구형 페퍼의 정보입니다!

※수시로 추기해 갑니다

각종 정보

확인 군 같은 것을 만들어 페퍼로 표시해 보았습니다!

sample.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        body {
            -webkit-transform-style: preserve-3d;
            font-size: 40px;
        }
    </style>
</head>
<body>
    <a href="">screen</a><br>
    <script>
    for(var propertyName in screen){
        var propertyValue = screen[propertyName];
        document.write(propertyName + ":" + propertyValue + "<br>");
    }
    </script>
    window<br>
    <script>
    for(var propertyName in window){
        var propertyValue = window[propertyName];
        document.write(propertyName + ":" + propertyValue + "<br>");
    }
    </script>
    <br>
    <?php echo "REMOTE_ADDR:" . $_SERVER["REMOTE_ADDR"]; ?><br>
    <?php echo "HTTP_ACCEPT_LANGUAGE:" . $_SERVER['HTTP_ACCEPT_LANGUAGE']; ?><br>
    <?php echo "HTTP_USER_AGENT:" . $_SERVER[ "HTTP_USER_AGENT"]; ?><br>
</body>
</html>

viewport 지정은, 이런 느낌으로 했습니다.

sample.html

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />

target-densitydpi=device-dpi 로 했으므로,
표시하는 해상도=디바이스의 해상도가 되는 작전입니다.

기기 해상도

갑자기 충격입니다만, 1280x800이 아니었다···. 어라?

실행 결과를 보면,

width:1707
height:1019

되어 있습니다.

Pepper 튜토리얼 (5) : 태블릿 사용
ぃ tp // 코 m / 아테아 r 아키하바 / ms / 87 f938b6553 예 9c1 9

에는 해상도 1280 x 800 쓰여 있었기 때문에 수수께끼입니다.

화면 해상도

여기는 윈도우의 값입니다.

1280x801입니다. 800이 아니야?

이것이 0.75이므로,

1707x0.75 = 1280.75
1019x0.75 = 764.25

어쩐지 계산 맞지 않아 ...
잘 모르기 때문에 누군가 말해주세요!

덤 : USER_AGENT

후추의 USER_AGENT는 이런 느낌이었습니다! (2014년 11월 25일 현재)

오시마

이상, 페퍼의 태블릿의 해상도라든지 정리였습니다!

Reference

이 문제에 관하여(pepper 메모 _06 : 페퍼의 태블릿 해상도 또는 요약), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tonosamart/items/e7dfea02772d7ce762cf

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다