1. 程式人生 > >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");