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.98k stars 401 forks source link

一次部署转换多端 #178

Open keypadDancer opened 1 month ago

keypadDancer commented 1 month ago

首先我只打一次包 只部署一次

然后这个时候我需要同时适配 pc和手机如果pad端有问题可能也会适配pad

采用vw、vh+媒体查询的方案

这个时候是有两个设计稿的 1920x1080 和 750x812，可能还会有个pad的 假设我的屏幕断点是 1280 和 768

我肯定在不同的媒体查询里面宽度不一致 一般可能我直接通过1280就区分了pc和移动 如果pad有问题可能会细分 1280 768

这样我的媒体查询对应的设计稿宽度肯定是不一样的

这个时候插件能不能做到根据不同媒体查询设置设计稿的宽度然后吧px转成vw

kirklin commented 1 day ago

LINK: https://github.com/kirklin/postcss-px-conversion/issues/2