В 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;
}
}
