本文主要是介绍判断当前设备为移动端自适应 平板和pc端为375移动端样式,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
在libs的setRem.js中:
let html = document.querySelector("html");
function setRem() {let ui_w = 375;let cl_w = document.documentElement.clientWidth || document.body.clientWidth;cl_w > 750 ? cl_w = 375 : "";html.style.fontSize = (cl_w / ui_w) * 10 + "px";
};window.addEventListener('resize', setRem);
window.addEventListener("load", setRem);
在main.js中:
// 引入setRem
import "./libs/setRem.js";
在App.vue中:
html, body {font-size: 10px;max-width: 375px;margin: 0 auto;position: relative;
}
这篇关于判断当前设备为移动端自适应 平板和pc端为375移动端样式的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!