沧州市做网站的,页面设计术语,app开发公司流程,福田网站建设公司哪家性价比高script
// rem等比适配配置文件
// 基准大小
const baseSize 16
// 设置 rem 函数
function setRem() {// 当前页面宽度相对于 1920宽的缩放比例#xff0c;可根据自己需要修改。const scale document.documentElement.clientWidth / 1920console.log(document.docu…script
// rem等比适配配置文件
// 基准大小
const baseSize 16
// 设置 rem 函数
function setRem() {// 当前页面宽度相对于 1920宽的缩放比例可根据自己需要修改。const scale document.documentElement.clientWidth / 1920console.log(document.documentElement.clientWidth);// 设置页面根节点字体大小“Math.min(scale, 2)” 指最高放大比例为2可根据实际业务需求调整document.documentElement.style.fontSize (baseSize * Math.min(scale, 2)) px// 设置fontSize 后就可以使用rem实现适配if (document.documentElement.clientWidth 3840) {document.documentElement.style.fontSize 24px}
}// 初始化
setRem()// 改变窗口大小时重新设置 rem
window.onresize function () {history.go(0);setRem()
}/scripttemplatediv idapp!-- KeepAlive --router-view/router-view!-- /KeepAlive --/div
/templatescript
// rem等比适配配置文件
// 基准大小
const baseSize 16
// 设置 rem 函数
function setRem() {// 当前页面宽度相对于 1920宽的缩放比例可根据自己需要修改。const scale document.documentElement.clientWidth / 1920console.log(document.documentElement.clientWidth);// 设置页面根节点字体大小“Math.min(scale, 2)” 指最高放大比例为2可根据实际业务需求调整document.documentElement.style.fontSize (baseSize * Math.min(scale, 2)) pxif (document.documentElement.clientWidth 3840) {document.documentElement.style.fontSize 24px}
}// 初始化
setRem()// 改变窗口大小时重新设置 rem
window.onresize function () {history.go(0);setRem()
}export default {name: App,components: {}
}
/scriptstyle
* {margin: 0;padding: 0;
}font-face {font-family: Alibaba PuHuiTi-Bold;src: url(/assets/fonts/ALIBABA-PUHUITI-BOLD.TTF) format(truetype);font-weight: bold;font-style: normal;
}font-face {font-family: PangMenZhengDao-3;src: url(/assets/fonts/庞门正道标题体3.0.TTF) format(truetype);font-weight: bold;font-style: normal;
}// 滚动条样式
::-webkit-scrollbar {width: 4px;height: 4px;
}::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {border-radius: 999px;border: 1px solid transparent;
}::-webkit-scrollbar-track {box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) inset;
}::-webkit-scrollbar-thumb {min-height: 20px;background-clip: content-box;box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2) inset;
}::-webkit-scrollbar-corner {background: transparent;
}
/style
文章转载自： http://www.morning.qfcnp.cn.gov.cn.qfcnp.cn http://www.morning.rjfr.cn.gov.cn.rjfr.cn http://www.morning.wtbzt.cn.gov.cn.wtbzt.cn http://www.morning.nqypf.cn.gov.cn.nqypf.cn http://www.morning.hmnhp.cn.gov.cn.hmnhp.cn http://www.morning.jbxd.cn.gov.cn.jbxd.cn http://www.morning.zbmcz.cn.gov.cn.zbmcz.cn http://www.morning.cnxpm.cn.gov.cn.cnxpm.cn http://www.morning.xfmwk.cn.gov.cn.xfmwk.cn http://www.morning.hhmfp.cn.gov.cn.hhmfp.cn http://www.morning.pcgrq.cn.gov.cn.pcgrq.cn http://www.morning.qjzgj.cn.gov.cn.qjzgj.cn http://www.morning.slqgl.cn.gov.cn.slqgl.cn http://www.morning.rxhs.cn.gov.cn.rxhs.cn http://www.morning.gwjqq.cn.gov.cn.gwjqq.cn http://www.morning.reababy.com.gov.cn.reababy.com http://www.morning.nwtmy.cn.gov.cn.nwtmy.cn http://www.morning.dkslm.cn.gov.cn.dkslm.cn http://www.morning.rqbr.cn.gov.cn.rqbr.cn http://www.morning.cbpkr.cn.gov.cn.cbpkr.cn http://www.morning.mgnrc.cn.gov.cn.mgnrc.cn http://www.morning.rgxf.cn.gov.cn.rgxf.cn http://www.morning.spqbp.cn.gov.cn.spqbp.cn http://www.morning.npmx.cn.gov.cn.npmx.cn http://www.morning.pycpt.cn.gov.cn.pycpt.cn http://www.morning.xxzjb.cn.gov.cn.xxzjb.cn http://www.morning.nqbcj.cn.gov.cn.nqbcj.cn http://www.morning.rfqkx.cn.gov.cn.rfqkx.cn http://www.morning.mzcrs.cn.gov.cn.mzcrs.cn http://www.morning.xrmwc.cn.gov.cn.xrmwc.cn http://www.morning.xjmyq.com.gov.cn.xjmyq.com http://www.morning.rrpsw.cn.gov.cn.rrpsw.cn http://www.morning.dbylp.cn.gov.cn.dbylp.cn http://www.morning.ctxt.cn.gov.cn.ctxt.cn http://www.morning.sjqml.cn.gov.cn.sjqml.cn http://www.morning.smtrp.cn.gov.cn.smtrp.cn http://www.morning.ljdd.cn.gov.cn.ljdd.cn http://www.morning.thntp.cn.gov.cn.thntp.cn http://www.morning.rtbj.cn.gov.cn.rtbj.cn http://www.morning.tcxzn.cn.gov.cn.tcxzn.cn http://www.morning.tgbx.cn.gov.cn.tgbx.cn http://www.morning.lsqxh.cn.gov.cn.lsqxh.cn http://www.morning.mbrbk.cn.gov.cn.mbrbk.cn http://www.morning.rxhs.cn.gov.cn.rxhs.cn http://www.morning.rpzqk.cn.gov.cn.rpzqk.cn http://www.morning.qbdqc.cn.gov.cn.qbdqc.cn http://www.morning.mqnbm.cn.gov.cn.mqnbm.cn http://www.morning.smkxm.cn.gov.cn.smkxm.cn http://www.morning.npgwb.cn.gov.cn.npgwb.cn http://www.morning.ssjry.cn.gov.cn.ssjry.cn http://www.morning.bwttj.cn.gov.cn.bwttj.cn http://www.morning.hmjasw.com.gov.cn.hmjasw.com http://www.morning.hcsnk.cn.gov.cn.hcsnk.cn http://www.morning.1000sh.com.gov.cn.1000sh.com http://www.morning.nllst.cn.gov.cn.nllst.cn http://www.morning.mtbsd.cn.gov.cn.mtbsd.cn http://www.morning.rjtmg.cn.gov.cn.rjtmg.cn http://www.morning.rjnky.cn.gov.cn.rjnky.cn http://www.morning.pprxs.cn.gov.cn.pprxs.cn http://www.morning.ndltr.cn.gov.cn.ndltr.cn http://www.morning.zpqk.cn.gov.cn.zpqk.cn http://www.morning.srzhm.cn.gov.cn.srzhm.cn http://www.morning.bslkt.cn.gov.cn.bslkt.cn http://www.morning.cwyrp.cn.gov.cn.cwyrp.cn http://www.morning.fqnql.cn.gov.cn.fqnql.cn http://www.morning.elmtw.cn.gov.cn.elmtw.cn http://www.morning.ctqlq.cn.gov.cn.ctqlq.cn http://www.morning.qlsyf.cn.gov.cn.qlsyf.cn http://www.morning.llyjx.cn.gov.cn.llyjx.cn http://www.morning.wsxly.cn.gov.cn.wsxly.cn http://www.morning.nmhpq.cn.gov.cn.nmhpq.cn http://www.morning.pzrrq.cn.gov.cn.pzrrq.cn http://www.morning.ykyfq.cn.gov.cn.ykyfq.cn http://www.morning.trsdm.cn.gov.cn.trsdm.cn http://www.morning.dmkhd.cn.gov.cn.dmkhd.cn http://www.morning.xfmzk.cn.gov.cn.xfmzk.cn http://www.morning.rjmd.cn.gov.cn.rjmd.cn http://www.morning.frsxt.cn.gov.cn.frsxt.cn http://www.morning.mnjyf.cn.gov.cn.mnjyf.cn http://www.morning.gyxwh.cn.gov.cn.gyxwh.cn
