javascript - 创建与窗口成比例的圆

我正在尝试创建一个高度为浏览器窗口10％的圆。如果我也将宽度设置为10％，并且您缩放了浏览器的大小，则您会得到变形或变形的圆圈。我想尝试用jquery创建圆的宽度，以随高度成比例变化。因此，如果10％转换为200px高度，则宽度将更改为200px。我尝试了一些解决方案，但始终获得0px的宽度。

最佳答案

假设您使用的是jQuery，并且您的圈子是HTML元素，则可以执行以下操作：

var $window = $(window),
    $el = $('#someElement');

$window.on('resize', function () {

    var size = $window.height() * 0.1;
    $el.width(size).height(size);
});