18 lines
721 B
HTML
18 lines
721 B
HTML
|
<!DOCTYPE html><html><head><meta charset="utf-8"><title>vp</title>
|
||
|
|
<style>body{margin:0;font:700 34px/1.5 monospace;background:#fff;color:#111}</style></head><body>
|
||
|
|
<div id="o">…</div>
|
||
|
|
<script>
|
||
|
|
function r(){
|
||
|
|
document.getElementById('o').innerHTML =
|
||
|
|
'innerW '+window.innerWidth+'<br>'+
|
||
|
|
'innerH '+window.innerHeight+'<br>'+
|
||
|
|
'clientW '+document.documentElement.clientWidth+'<br>'+
|
||
|
|
'clientH '+document.documentElement.clientHeight+'<br>'+
|
||
|
|
'outerW '+window.outerWidth+'<br>'+
|
||
|
|
'mq<=640 '+matchMedia('(max-width:640px)').matches+'<br>'+
|
||
|
|
'mq<=1024 '+matchMedia('(max-width:1024px)').matches+'<br>'+
|
||
|
|
'dpr '+window.devicePixelRatio;
|
||
|
|
}
|
||
|
|
r(); addEventListener('resize',r);
|
||
|
|
</script>
|
||
|
|
</body></html>
|