前端不同分辨率兼容，等比例放大与缩小

//根据屏幕大小缩放if(window.screen.width<='1366'){document.write('<bodystyle="zoom:75%">');}vue项目可以在main.js中编写，也可在APP.vue中编写这段代码。自己设定屏幕大小区间，在什么范围就放大或缩小什么比例这样在大部分类型的屏幕分辨率下都不会让页面效果有很大变化，都能保持美观。...

可爱小仙子

3292人浏览 · 2020-09-27 10:26:34

可爱小仙子 · 2020-09-27 10:26:34 发布

// 根据屏幕大小缩放

if (window.screen.width <= '1366') {

document.write('<body style="zoom: 75%">');

}

vue项目可以在main.js中编写，也可在APP.vue中编写这段代码。

自己设定屏幕大小区间，在什么范围就放大或缩小什么比例

这样在大部分类型的屏幕分辨率下都不会让页面效果有很大变化，都能保持美观。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^