html控件自动适应,HTML控件自适应

//根据宽度计算高度

function ScreenRecord() {

var imageResolutio = window.screen.width + "*" + window.screen.height;

var screenSize = window.screen.availWidth + "*" + window.screen.availHeight;

var agentId = $("#AgentID").val();

$.post("/EnsPublic/SScreenRecord", { imageResolutio: imageResolutio, screenSize: screenSize, tid: agentId }, function (data) {

if (data.ret) {

//alert(data.msg);

}

});

}

function setRatio(obj, ratio) {

var that = obj;

var h = that.outerWidth() * (1 / ratio);

var borderWid = parseInt(that.css("border-top-width")) + parseInt(that.css("border-bottom-width")); // 考虑边框的宽度

return h + borderWid;

}

var obj = $('.fx_body_SummerVacation2018Activity_form').eq(0);

var ratio = 1.68888;

var height = setRatio(obj, ratio);

obj.css("height", height);

var obj = $('.fx_setRatio').eq(0);

var ratio = 10.5;

var height = setRatio(obj, ratio);

$(".fx_setRatio").css("height", height);

$(".fx_body_SummerVacation2018Activity_footer_register").css("height", height / 1.5);

$(".fx_body_SummerVacation2018Activity_form_footer_p").css("font-size", height / 4 +"px");