判断当前设备为移动端自适应 平板和pc端为375移动端样式

本文主要是介绍判断当前设备为移动端自适应 平板和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移动端样式的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---