wswmsword / postcss-mobile-forever

一款 PostCSS 插件,将固定尺寸的视图转为可跟随宽度变化而等比例伸缩的视图。To adapt different displays by one mobile viewport.
https://wswmsword.github.io/examples/mobile-forever/vanilla/
MIT License
325 stars 19 forks source link

如果我希望在980宽度以下,不再进行缩放,怎么配置呢? #21

Closed intelligenceFY closed 10 months ago

wswmsword commented 10 months ago

现在还不支持这个功能,只能大于某个宽度不缩放。请问您是在什么场景希望小于某宽度不缩放?

intelligenceFY commented 10 months ago

项目是web端的,然后引入了一个postcss做适配,放大缩小。但是到小于980的时候页面会乱掉 所以我希望是980以下都不再缩放。按理说应该和大于某个宽度不再放大是一个原理

wswmsword commented 10 months ago

最新版本 4.0.1 已添加新属性 experimental.minDisplayWidth 来限制最小宽度,可以像下面这样配置:

{
  "appSelector": "#app",
  "maxDisplayWidth": 1440,
  "experimental": {
    "minDisplayWidth": 980
  }
}
intelligenceFY commented 10 months ago

完美解决了,比之前的postcss-px-to-viewport适配更好了,我实现了1600不放大,980以下不缩小,目前还有点微调问题,不过影响不大。减少了两套代码的工作量,nice。作者大大加鸡腿

wswmsword commented 10 months ago

哈哈好的,还有问题的话欢迎提出来。