search

evrone / postcss-px-to-viewport

A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units. The best choice to create a scalable interface on different displays by one design size.
https://evrone.com/postcss-px-viewport
MIT License
2.99k stars 401 forks source link

可以指定不同文件转换，对应的设置vw视口宽度吗？ #127

Open learnguos opened 2 years ago

Jonny-china commented 2 years ago

我根据这个仓库添加了rules参数，支持路径自定义规则，但是必须是PostCss8以上版本。这里

tcstory commented 2 years ago

https://github.com/tcstory/postcss-px-to-viewport

我自己二次开发的插件, 支持 postcss 8.x 以上, 支持你想要的功能

/* px-to-viewport-define landscapeWidth=600, viewportWidth=480 */
.rule {
  font-size: 15px;
  height: 50px;
}
xiaolele188 commented 2 years ago

我根据这个仓库添加了rules参数，支持路径自定义规则，但是必须是PostCss8以上版本。这里

大佬 比如PC是1920的 H5是750的 可以根据不同设备使用不同viewportWidth么？

wswmsword commented 1 year ago

我根据这个仓库添加了rules参数，支持路径自定义规则，但是必须是PostCss8以上版本。这里

大佬 比如PC是1920的 H5是750的 可以根据不同设备使用不同viewportWidth么？

可以试下我写的插件，postcss-mobile-to-multi-displays，可以限制最大宽度，在 pc 端和移动端横屏展示最大宽度。

wswmsword commented 1 year ago

目前顺序要在 postcss-px-to-viewport 之前使用。

vaynevayne commented 1 year ago

我根据这个仓库添加了rules参数，支持路径自定义规则，但是必须是PostCss8以上版本。这里

大佬 比如PC是1920的 H5是750的 可以根据不同设备使用不同viewportWidth么？

这个是编译时的插件，用户还没用呢，所以不行，要做的是编译出两份文件css文件，然后判断返回哪一份。目前我也在研究这个