lkxian888/postcss-px-to-viewport-8-plugin

[新功能]有什么办法屏幕大到一定宽度不继续缩放了，能显示更多的内容

Opened this issue · 6 comments

Evanl-lai commented

嗨，作者。

    希望有一个maxWidth 类似的属性来控制超过和这个宽度就不缩放了，

比如正常1400px宽度适配，小于1400px进行缩放，但是大于1400px的屏幕没必要放大，这样可以多显示一些内容。

lkxian888 commented

但是大于1400px的屏幕没必要放大，这样可以

这个插件无法预知屏幕大小的，编译的时候就转换了

hasbug commented

之前我有个傻办法，那就是依赖mediaQuery这个为false，不会转换px为vw，然后我将默认的css复制一份到 @media screen and (min-width: 1440px){}里面。。。可以达到目的，超过1440px，还是px单位。
但，今天，我发现失效了。nodejs16.13.2

说白了，就是mediaQuery属性失效了 @lkxian888 这个问题帮忙看看吧

wswmsword commented

@Evanl-lai Hello Evanl，可以看下我前段时间编写的插件，postcss-mobile-forever，这个插件可以让你使用视口单位的同时，限制最大宽度。

插件主要提供了两个方法，一个是媒体查询（默认的），另一个是 css 函数。

Bigshowzyb commented

@hasbug 确实，这个mediaQuery属性设置为false，但是@media里面的样式依旧会从px被转换为vw

现在我的笨拙的方法就是只能在@media里面的所有样式后面，加上注释 /* px-to-viewport-ignore */
希望作者能看一下这个问题 @lkxian888

lkxian888 commented

@hasbug 确实，这个mediaQuery属性设置为false，但是@media里面的样式依旧会从px被转换为vw

现在我的笨拙的方法就是只能在@media里面的所有样式后面，加上注释 /* px-to-viewport-ignore */ 希望作者能看一下这个问题 @lkxian888

麻烦安装这个版本 postcss-px-to-viewport-8-plugin@1.2.3

lkxian888 commented

之前我有个傻办法，那就是依赖mediaQuery这个为false，不会转换px为vw，然后我将默认的css复制一份到 @media screen and (min-width: 1440px){}里面。。。可以达到目的，超过1440px，还是px单位。 但，今天，我发现失效了。nodejs16.13.2

说白了，就是mediaQuery属性失效了 @lkxian888 这个问题帮忙看看吧

麻烦安装这个版本 postcss-px-to-viewport-8-plugin@1.2.3