Размер и координаты в процентах?

Question

[Chevengur]

В CSS проценты работают не всегда и не везде, поэтому подумал, что JS будет более уместен. Суть в том, чтобы при изменении размера окна высчитать и менять размеры элементов.

var W,H, WPerc, HPerc;

window.onload = function _Init() {
    _Resize();
}

window.onresize = _Resize;

function  _Resize() {
    W = window.outerWidth;
    H = window.outerHeight;
    WPerc = W / 100;
    HPerc = H / 100;
    PercentSize();
}

function PercentSize() {
    var items = document.getElementsByTagName('button');
    for (var i=0; i<items.length; i++ ) {
        items[i].style.position = "absolute";
        var w = items[i].offsetWidth;
        var h = items[i].offsetHeight;
        var x = items[i].offsetLeft;
        var y = items[i].offsetTop;
        items[i].offsetWidth = WPerc * w;        
        items[i].offsetHeight = HPerc * h;
        items[i].offsetLeft = WPerc * x;        
        items[i].offsetTop = HPerc * y;
    }
}

Comments

[Котик Антон]

И? Вопрос в чем?

Answer 1

[Nikolay Talanov]

Юзайте вьюпорт еденицы (vw/vh) для такого.
caniuse.com/#feat=viewport-units
https://developer.mozilla.org/en/docs/Web/CSS/length