vue页面自适应屏幕宽高_Vue 实现大屏页面的屏幕自适应

1. 在配置文件设置大屏设计的尺寸1920*1080

//appConfig.js

export default{

screen:{

width:1920,

height:1080,

scale:20

}//大屏设计宽高

}

2. 定义resetScreenSize.js

import appConfig from '../config/base'

export function pageResize(callback) {

let init = () => {

console.log(window.innerHeight + "," + window.innerWidth);

let _el = document.getElementById('app');

let hScale = window.innerHeight / appConfig.screen.height;

let wScale = window.innerWidth / appConfig.screen.width;

let pageH = window.innerHeight;

let pageW = window.innerWidth;

let isWider = (window.innerWidth / window.innerHeight) >= (appConfig.screen.width / appConfig.screen.height);

console.log(isWider);

if (isWider) {</

vue页面自适应屏幕宽高_Vue 实现大屏页面的屏幕自适应相关推荐

vue页面自适应屏幕宽高_Vue+Element UI 高度实时自适应
本文章是我一个实习两个月的练习生,在项目中遇到的问题,在此记录,防治以后再踩坑!! Element ui 本身使用的Container 布局容器,组件采用 flex 布局.所以用了它的布局就可以做到宽 ...
vue页面自适应屏幕宽高_vue组件页面高度根据屏幕大小自适应
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid ...
vue项目登录页背景图百分百铺满屏幕宽高自适应
vue项目背景图百分百铺满屏幕宽高自适应 .login{background: url(../../../static/img/login/beijing@2x.png);background-siz ...
vue封装的全屏js 禁止键盘事件获取当前浏览器类型获取当前的屏幕宽高
开启全屏 export function fullScreen(){var el = document.documentElement,rfs = el.requestFullScreen || el ...
Flutter使用ScreenUtil获取屏幕宽高初始化报错
报错如下原因我们在布局中使用ScreenUtil().screenWidth获取屏幕宽度是,在初始化未装载视图时,第一次获取时拿不到,会出现如上的崩溃. 解决方案 import 'package: ...
uniapp微信小程序获取屏幕宽高
uniapp开发微信小程序的时候,有时候去调整样式你需要适配各种手机屏幕,使用,你的样式宽高就不能使用rpx 有的朋友觉得可以使用vw vh % 是的,当然可以但是要让你的元素,宽高,比如 ...
Android获取屏幕宽高,状态栏宽高,actionbar宽高,layout宽高,导航栏高度的方法汇总
看这个博客你可以知道获取屏幕宽高,状态栏宽高,actionbar宽高,layout宽高,导航栏(虚拟按键栏)高度的方法目录顺序为代码测试的机型状态栏高度 actionbar高度屏幕高度导航 ...
android利用反射调用截屏api,Android利用反射机制调用截屏方法和获取屏幕宽高的方法...
想要在应用中进行截屏,可以直接调用 View 的 getDrawingCache 方法,但是这个方法截图的话是没有状态栏的,想要整屏截图就要自己来实现了. 还有一个方法可以调用系统隐藏的 screen ...
android获取屏幕宽高与获取控件宽高
1.获取屏幕宽高方法1: int screenWidth = getWindowManager().getDefaultDisplay().getWidth(); // 屏幕宽(像素,如:480px ...

vue页面自适应屏幕宽高_Vue 实现大屏页面的屏幕自适应

vue页面自适应屏幕宽高_Vue 实现大屏页面的屏幕自适应相关推荐

最新文章

热门文章