/* * @description: 监测设备类型,判断是pc端还是移动端 * @author: your name * @date: 2019-05-24 10:29:38 * @lastedittime: 2020-03-31 11:25:32 * @lasteditors: please set lasteditors */ setfontsize(); window.onresize = setfontsize; function setfontsize() { var rem = $(window).width() || $(document.body).outerwidth(true); browser = { versions: (function () { var e = navigator.useragent return ( navigator.appversion, { trident: e.indexof('trident') > -1, presto: e.indexof('presto') > -1, webkit: e.indexof('applewebkit') > -1, gecko: e.indexof('gecko') > -1 && -1 == e.indexof('khtml'), mobile: !!e.match(/applewebkit.*mobile.*/), ios: !!e.match(/\(i[^;]+;( u;)? cpu.+mac os x/), android: e.indexof('android') > -1 || e.indexof('adr') > -1, iphone: e.indexof('iphone') > -1, ipad: e.indexof('ipad') > -1, webapp: -1 == e.indexof('safari'), weixin: e.indexof('micromessenger') > -1, qq: ' qq' == e.match(/\sqq/i) } ) })(), language: (navigator.browserlanguage || navigator.language).tolowercase() } if (rem <= 1024) { document.documentelement.style.fontsize = (rem / 750) * 100 + 'px'; if (browser.versions.mobile || browser.versions.android || browser.versions.ios || browser.versions.ipad) { document.documentelement.style.fontsize = (rem / 750) * 100 + 'px' } } else { if (rem > 1024 && rem <= 1440) { document.documentelement.style.fontsize = (rem / 1920) * 100-5 + 'px'; } else { document.documentelement.style.fontsize = (rem / 1920) * 100 + 'px' } } } /** * @description:不和比例的图片按比例裁剪 * @author: * @param {number} config.truescal 正确比例 1/1 4/3 * @return: */ function imgsplit(config) { config = config || { truescal: 1 } var splitflag = $('.img-split') var widthauto = { 'width': 'auto !important', 'height': '100% !important' } var heightauto = { 'width': '100% !important', 'height': 'auto !important' } $.each(splitflag, function (index, ele) { $(ele).css({ 'position': 'relative', 'overflow': 'hidden' }); $(ele).children('img').css({ 'position': 'absolute', 'top': '50%', 'left': '50%', 'transform': 'translate3d(-50%, -50%, 0)' }); }) document.onreadystatechange = function () { if (document.readystate == 'complete') { var imglist = $(splitflag).children('img') $.each(imglist, function (index, ele) { if ($(ele).attr('src')) { var scal = number(parsefloat(number($(ele).width()) / number($(ele).height()))); if (scal > config.truescal) { $(ele).css({ 'width': 'auto', 'height': '100%' }); } else if (scal < config.truescal) { $(ele).css(heightauto); } } }); } } }