ペッパーのタブレットの解像度とかまとめ
ペッパーのタブレットの解像度とかをまとめました!
※旧型ペッパーの情報です!
※随時追記していきます
各種情報
確認くんみたいなのを作ってペッパーで表示してみました!
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):タブレットを使う
http://qiita.com/Atelier-Akihabara/items/87def938b6553ee9c1e9
には、解像度 1280 x 800って書いてあったので謎です。
画面の解像度
こっちは、windowの値です。
1280x801になってます。800じゃないの?
これが0.75なので、
1707x0.75 = 1280.75
1019x0.75 = 764.25
なんか計算あわないなあ・・・
よくわかんないので、だれかおしえてください!
おまけ:USER_AGENTとか
ペッパーのUSER_AGENTはこんな感じでした!(2014年11月25日現在)
おしまい
以上、ペッパーのタブレットの解像度とかまとめでした!