![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
lunaliuuuuu
这个作者很懒,什么都没留下…
展开
-
大屏页面适应不同分辨率的屏幕 transform
大屏自适应原创 2022-08-23 17:22:40 · 532 阅读 · 1 评论 -
打开浏览器后px自动转换为rem(vue)postcss-pxtorem
yarn add postcss-pxtorem 安装打开package.json文件是否安装成功 “postcss-pxtorem”: “^5.1.1”,新建rem.js文件 (function (win) { var docEl = win.document.documentElement; var time; function refreshRem() { var width = docEl.getBoundingClientRect().widt.转载 2022-01-16 19:40:21 · 405 阅读 · 0 评论 -
页面渲染后,重置DOM相关样式的“新思路”
页面渲染后,除了用 document.body.clientWidth 获取屏幕网页可见区域宽高…还可以尝试使用getComputedStyle,此属性能获取DOM对应的CSS属性值。//给html重置字体大小setFontSzie() { if (!this.initSize) { this.initSize = window.getComputedStyle(document.body).getPropertyValue("font-size"); //getPropertyVal原创 2022-01-16 19:11:43 · 385 阅读 · 0 评论 -
解决页面加载时,轮播图加载过慢导致的抖动感
1. 不考虑兼容问题(移动端).wrapper{ width: 100% height: 30vw; //viewport}2. 考虑兼容问题.wrapper{ overflow: hidden width: 100% height: 0 padding-bottom: 30% //30% 为轮播图高度占宽度的比例}...原创 2021-03-07 19:10:48 · 1021 阅读 · 0 评论