/* * @Description: 监测设备类型,判断是PC端还是移动端 * @Author: your name * @Date: 2019-05-24 10:29:38 * @LastEditTime: 2020-03-31 11:25:32 * @LastEditors: Please set LastEditors */ 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 + 20 + 'px'; } else { document.documentElement.style.fontSize = (rem / 1920) * 100 + 'px' } } } setFontSize() window.onresize = setFontSize /** * @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); } } }); } } }