Javascript を使用したウィンドウのサイズ変更での DIV のサイズ変更は、ほとんどのブラウザー/コンピューターにとって重すぎますか? パーセンテージで幅を設定するだけでは、親要素に対してのみ機能するため、これを行っています。サイズを変更したい要素と本体の間の(DOMツリー上の)他の親要素に関係なく、本体のパーセンテージにすることはできないようです。
function resize_columns() {
var d = getWindowSize();
var body_width = d.x;
var fch_width = body_width * .15;
var pnh_width = body_width * .25;
$('.for_customer_div').css('width', fch_width + 'px');
$('.for_customer_header').css('width', fch_width + 'px');
$('.project_name_header, .project_name_div').css('width', pnh_width + 'px');
$('.line_item_div').css('width', pnh_width + 'px');
}
$(document).ready(function() {
resize_columns();
});
$(document).ready(function() {
window.onresize = function(event) {
resize_columns();
}
});
function getWindowSize() {
var w = window,
d = document,
e = d.documentElement,
g = d.getElementsByTagName('body')[0],
x = w.innerWidth || e.clientWidth || g.clientWidth,
y = w.innerHeight || e.clientHeight || g.clientHeight;
var dimensions = {
x: x,
y: y
}