vw-layout:带有视口单元的移动网站布局

时间:2024-02-23 15:37:10
【文件属性】:

文件名称:vw-layout:带有视口单元的移动网站布局

文件大小:24KB

文件格式:ZIP

更新时间:2024-02-23 15:37:10

npm mobile web postcss layout

大众布局 带有视口单位的移动网站布局。 vw-layout是一个NPM软件包,可帮助您使用视口单位创建移动网站布局。 它依赖于 , 和 。 另外,为了与更多的移动设备兼容,视口单元需要使用视口单元中的polyfill。 我们可以使用 。 安装 npm i vw-layout --save 用法 将以下代码添加到条目文件中。 例如。 Vue项目,位于main.js文件中: import 'vw-layout' 如果您的项目使用webpack,则可以将关联的PostCSS插件配置添加到postcssrc.js文件。 module.exports = { "plugins": { "postcss-aspect-ratio-mini": {}, "postcss-px-to-viewport": { viewportWidth: 750, // (Number) The width of the viewport. viewportHeight: 1334, // (Numbe


【文件预览】:
vw-layout-master
----.travis.yml(54B)
----index.js(120B)
----package.json(774B)
----test()
--------aspect-ratio-fixtures()
--------aspect-ratio.test.js(1KB)
--------px-to-viewport-main.css(347B)
--------px-to-viewport-test.css(371B)
--------viewport-units-fixtures()
--------viewport-units-index.test.js(1KB)
--------px-to-viewport.test.js(464B)
----package-lock.json(29KB)
----.appveyor.yml(298B)
----.gitignore(219B)
----viewport-units-buggyfill.js(15KB)
----README.md(3KB)
----viewport-units-buggyfill.hacks.js(3KB)
----.editorconfig(225B)

网友评论