vh_站内搜索

vue实现虚拟列表组件解决长列表性能问题_vue.js_脚本之家

height: 100vh; } .box { width: 96vw; height: 150px; background: #eee; border: 2px navajowhite solid; box-sizing: border-box; } 到此这篇关于在vue中实现虚拟列表组件,解决长列表性能问题的文章就介绍到这了,更多相关vue虚拟列表组件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家...

www.jb51.net/article/2559...htm 2025-4-9

浅谈CSS中的尺寸单位_CSS教程_CSS_网页制作_脚本之家

相对于可视范围的高度和宽度,可视范围被均分为 100 单位的 vh/vw;可视范围是指屏幕可见范围,不是父元素的,百分比是相对于包含它的最近的父元素的高度和宽度。假设设备可视范围为高度 900px,宽度 750px,则,1 vh = 900px/100 = 9px,1vw = 750px/100 = 7.5px。 1 2 3 4 5 6 7 8 9 10 11 12...

www.jb51.net/css/6231...html 2025-4-11

vue+element遇到的坑及解决_vue.js_脚本之家

line-height: 91vh; } body > .el-container { margin-bottom: 40px; } .el-container:nth-child(5) .el-aside, .el-container:nth-child(6) .el-aside { line-height: 260px; } .el-container:nth-child(7) .el-aside { line-height: 100%; } 4、eventBus兄弟组件传参 1.修改main.js 1...

www.jb51.net/javascript/287794k...htm 2025-4-16

vue项目中使用rem替换px的实现示例_vue.js_脚本之家

"postcss-viewport-units":{}, //给vw、vh、vmin和vmax做适配的操作,这是实现vw布局必不可少的一个插件 "cssnano": { //主要用来压缩和清理CSS代码。在Webpack中,cssnano和css-loader捆绑在一起,所以不需要自己加载它。 preset: "advanced", //重复调用 autoprefixer: false, //cssnext和cssnano都具有auto...

www.jb51.net/article/2168...htm 2025-4-12

CSS3波浪效果示例(前端必学)_css3_CSS_网页制作_脚本之家

} .content { height: 30vh; } h1 { font-size: 24px; } } 到此这篇关于CSS3波浪效果示例(前端必学)的文章就介绍到这了,更多相关CSS3波浪效果内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!Tag:效果波浪 CSS3 相关...

www.jb51.net/css/8791...html 2025-4-16

vue项目中使用骨架屏的方法_vue.js_脚本之家

height: 100vh; background-color: #eaeaea; } App.vue(根组件) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <template>  <home style="display:none" id="homeSkeleton"></home> </template> import home from './home...

www.jb51.net/article/2127...htm 2025-4-9

vue项目网页自适应等比例放大缩小实例代码_vue.js_脚本之家

height:100vh; background:rgb(24,25,35); display: flex; align-items:center; justify-content:center; } 最终效果图: 总结到此这篇关于vue项目网页自适应等比例放大缩小的文章就介绍到这了,更多相关vue网页自适应等比例放大缩小内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之...

www.jb51.net/article/2686...htm 2025-4-9

Vue命令式组件的编写与应用小结_vue.js_脚本之家

height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, .5); .inner { width: 300px; height: 200px; background-color: #fff; border-radius: 5px; position: absolute; top: 50%; left: 50%; overflow: hidden; transform: translate(-50%, -50%); .conte...

www.jb51.net/javascript/318000d...htm 2025-4-16

CSS八种让人眼前一亮的HOVER效果的示例代码_CSS教程_CSS_网页制作_脚本...

height: 100vh; } .btn-container { position: relative; } button { border: 0; border-radius: 50px; color: white; background: #5f55af; padding: 15px 20px 16px 60px; text-transform: uppercase; background: linear-gradient(to right, #f72585 50%, #5f55af 50%); background-size: ...

www.jb51.net/css/7420...html 2025-4-1

CSS 中 em 和 rem 单位的区别解析_CSS教程_CSS_网页制作_脚本之家

相对单位包括em、rem、vw、vh等。这些是可扩展的单位,有助于响应式设计。我们中的许多人可能会对相对单位感到困惑,尤其是em和rem单位。让我们分解这两者之间的区别。基本上,rem 和 em 都是可缩放的相对大小单位,但是对于 em,单位是相对于其父元素的字体大小,而 rem 单位仅相对于 HTML 文档的根字体大小。

www.jb51.net/css/8816...html 2025-3-25