pc显示器分辨率 前端_VUE前端PC端项目兼容各种屏幕分辨率，（充满屏幕）

之前写官网遇到一个问题，vue项目不兼容有的高分辨率的电脑屏幕。但是老板的是苹果的大屏幕电脑，项目在他电脑上显示很小，因为他的电脑屏幕像素比太高了，但是我项目中有的东西是写死了，最后没办法到网上找了很多办法，最后用了一个最笨的，现在把代码贴出来，主要思路就是把px全部改为rem了，但是如果按F12的话页面也会等比缩小，会错乱，但是一般人不会按F12.

记得一定把页面上所有的px全部改为rem。可以用ctrl+d选中所有的px然后用插件换算成rem单位，这段代码在index.html里面写着

var winWidth = document.documentElement.offsetWidth ||

document.body.offsetWidth

winWidth = winWidth < 1366 ? 1366 : winWidth

var oHtml = document.getElementsByTagName('html')[0]

oHtml.style.fontSize = 100 * winWidth / 1920 + 'px'

window.addEventListener('resize', function () {

var winWidth = document.documentElement.offsetWidth || document.body.offsetWidth

winWidth = winWidth < 1400 ? 1400 : winWidth

var oHtml = document.getElementsByTagName('html')[0]

oHtml.style.fontSize = 100 * winWidth / 1920 + 'px'

})