Изменение размера окна Javascript

Я пытаюсь изменить размер фигуры, когда вы меняете или растягиваете окно браузера, но некоторые, как моя форма не появляется. Помогите?Изменение размера окна Javascript

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Page Title</title> 

     <style> 
     html, body { 
      height: 100%; 
     } 
     .circle { 
      border-radius: 1000px; 
      background-color: rgb(0, 162, 232); 
     } 
     </style> 
    </head> 
    <body> 

     <div class = "circle"></div> 
     <script> 
      function myFunction() { 
       var h = $("body").height(); 
       $(".circle").height(h/2); 
       $(".circle").width(h/2); 
      } 
      myFunction(); 
      window.onresize = myFunction; 
     </script> 

    </body> 
</html>

источник

2016-01-18 Mebighobo

Проблема в коде является то, что вы не добавить JQuery Lib

<head> 
    <script src="https://code.jquery.com/jquery-2.2.0.min.js"></script> 
</head>

источник

2016-01-18 04:25:07

Я думаю, эта статья может быть вам полезна: https://blog.udemy.com/jquery-vs-javascript/ –

border-radius: 50%; подойдет вам лучше;) –

OMG я полностью скучаю по нему. im все равно noob jquery. большое спасибо!!! – Mebighobo

$("body").height() не высота окна. Это высота элемента <body>, высота которого определяется высотой содержимого страницы.

Возможно, вы захотите, чтобы это было $(window).height().

источник

2016-01-18 03:59:43

обратите внимание на этот стиль в своём коде: html, body {height: 100%; } –

вы можете использовать только яваскрипт here.no JQuery необходим.

var h = screen.height; 
var w = screen.width;

источник

2016-01-18 06:15:23

Изменение размера окна Javascript

ответ

Смежные вопросы