Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>Bootstrap Minimal Template</title> <meta name="viewport" content="width=100"> </head> <body style="border:1px solid Red;"> <p id="visual"></p> <p id="layout"></p> <script> //visual viewport measuring var w1=screen.width; var h1=screen.height; x=document.getElementById("visual"); x.innerHTML="Visual viewport ima dimenzije width: " + w1 + ", height: " + h1 + "."; //layout viewport measuring var w2=document.documentElement.clientWidth; var h2=document.documentElement.clientHeight; y=document.getElementById("layout"); y.innerHTML="Layout viewport ima dimenzije width: " + w2 + ", height: " + h2 + "."; //document.body.clientWidth; i document.body.clientHeight; </script> </body> </html>
Pregled stranice:
Pogledaj stranicu
../css/bootstrap/primjeri/002viewport_js.html
.