之前写官网遇到一个问题，vue项目不兼容有的高分辨率的电脑屏幕。但是老板的是苹果的大屏幕电脑，项目在他电脑上显示很小，因为他的电脑屏幕像素比太高了，但是我项目中有的东西是写死了，最后没办法到网上找了很多办法，最后用了一个最笨的，现在把代码贴出来，主要思路就是把px全部改为rem了，但是如果按F12的话页面也会等比缩小，会错乱，但是一般人不会按F12.
记得一定把页面上所有的px全部改为rem。可以用ctrl+d选中所有的px然后用插件换算成rem单位，这段代码在index.html里面写着
<script type="text/javascript">
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'
})
</script>
