html-vw-layout:移动端h5 vw 适配,基于webpack 打包多页面html demo,开箱即用

时间:2024-05-22 22:33:59
【文件属性】:

文件名称:html-vw-layout:移动端h5 vw 适配,基于webpack 打包多页面html demo,开箱即用

文件大小:13.77MB

文件格式:ZIP

更新时间:2024-05-22 22:33:59

JavaScript

html-vw-layout 骚年,放飞自我吧!放心使用 vw 来做适配~ 移动端h5 vw 适配,基于webpack4 打包多页面html demo、支持es6,开箱即用。 适合小白哈,大佬看到点完小星星:sparkles:再绕路~小白也别忘记了点个星星!谢谢~ 1、在这里很多人有疑问,为什么要用vw 单位来做适配?vw 和 我们常用rem适配方案有什么优缺点? 我相信大家对vw 和 rem 单位不会陌生。 vw、vh、vmin、vmax 这四个单位都是相对于视口的宽度。视口被均分为100单位的vw : vw、vh vw是相对视口(viewport)的宽度而定的,长度等于视口宽度的1/100。 假如浏览器的宽度为200px,那么1vw就等于2px(200px/100)。 vh是相对视口(viewport)的高度而定的,长度等于视口高度的1/100。 假如浏览器的高度为500px,那么1vh就等于5px(5


【文件预览】:
html-vw-layout-master
----README.md(7KB)
----LICENSE(1KB)
----package.json(2KB)
----dist()
--------index.324c44be0c24fc19c869.js(8KB)
--------72216371c42c4673a8e6fa245ef14f4e.jpg(658KB)
--------index.html(968B)
----src()
--------tpl()
--------css()
--------images()
--------js()
----build()
--------conf.js(201B)
--------webpack.dev.conf.js(3KB)
--------build.js(312B)
--------start_server.js(637B)
--------webpack.prod.conf.js(3KB)
--------webpack.conf.js(1KB)
----postcss.config.js(105B)
----package-lock.json(422KB)

网友评论