Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
Evanl-lai opened this issue Mar 20, 2023 · 6 comments

Comments

@Evanl-lai
Copy link

Evanl-lai commented Mar 20, 2023

嗨,作者。

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

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

@lkxian888
Copy link
Owner

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

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

@hasbug
Copy link

hasbug commented Apr 16, 2023

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

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

@wswmsword
Copy link

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

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

@Bigshowzyb
Copy link

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

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

@lkxian888
Copy link
Owner

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

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

麻烦安装这个版本 [email protected]

@lkxian888
Copy link
Owner

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

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

麻烦安装这个版本 [email protected]

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants