首页 > TAG信息列表 > refreshRem

rem 自适应

//designWidth:设计稿的实际宽度值，需要根据实际设置 //maxWidth:制作稿的最大宽度值，需要根据实际设置 //这段js的最后面有两个参数记得要设置，一个为设计稿实际宽度，一个为制作稿最大宽度，例如设计稿为750，最大宽度为750，则为(750,750) ;(function(designWidth, maxWidth) { var d

vue rem自适应布局如何实现？

找到main.js,最下方加上如下代码即可实现（页面中写代码时把设计稿除以100即可，例如：100px就是1rem）： ;(function(win) { var tid; function refreshRem() { let designSize = 1920; // 设计图尺寸,如果是移动端改为750 let html = document.documentElement; let

使用rem 让屏幕保持100%

写pc端业务的时候，经常需要让屏幕一直保持100%装满，现在使用rem布局，之前也使用vh,vw，但有一些bug,现在尝试使用rem (function(win) { var tid; function refreshRem() { let designSize = 1920; // 设计图尺寸 let html = document.documentElement;

自适应rem.js

(function(designWidth, maxWidth) { var doc = document, win = window, docEl = doc.documentElement, remStyle = document.createElement("style"), tid; function refreshRem() { var width = docEl.getBoundingClientRect()

移动端适配rem.js

rem.js function rem(designWidth, maxWidth) { var doc = document, win = window, docEl = doc.documentElement, remStyle = document.createElement("style"), tid; function refreshRem() { var width = d