postcss-px-to-viewport icon indicating copy to clipboard operation
postcss-px-to-viewport copied to clipboard

有办法大于一定宽度不继续缩放了么?

Open frank-pian opened this issue 2 years ago • 9 comments

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

frank-pian avatar Apr 04 '22 11:04 frank-pian

遇到同样的问题,解决了么?

kubixiaoguo avatar Apr 20 '22 07:04 kubixiaoguo

我不用vw了,改成自动转换rem了。。。 然后在写个媒体查询

frank-pian avatar Apr 26 '22 18:04 frank-pian

同求,希望有个maxWidth

Soonze avatar May 10 '22 08:05 Soonze

好像只能寫兩套代碼,這個沒辦法自適應

godingchen avatar Jun 05 '22 08:06 godingchen

This plugin convert px to viewport which means the relationship between px and viewport is bound. And we know that vw is only related to the viewport size, so there is no why to prevent px grow with viewport size.

hemengke1997 avatar Aug 26 '22 10:08 hemengke1997

我是配置媒体查询不做 px-vw 的转化,然后把写好的css复制一份到媒体查询中

fangmd avatar Feb 07 '23 03:02 fangmd

可以通过媒体查询或者 css 函数限制最大宽度,这样就没有“大屏大字”的问题了。

可以试下我这两天写的 postcss 插件,postcss-mobile-forever。这个插件提供了两种方法,一个是媒体查询(默认方法),另一个是 css 函数。媒体查询会生成桌面端和横屏两套代码,因此代码量较大,相对可以使用另一种 css 函数的方法,这种方法的代码量会少一些,同时 css 函数不能像媒体查询一样分配两个宽度,仅仅会在大于设定的一个宽度后不再变化,所以媒体查询的方法对于希望区分横屏和桌面端的情况,展示效果又更理想。

npm install postcss postcss-mobile-forever --save-dev

wswmsword avatar Feb 11 '23 11:02 wswmsword

内嵌一次就行了

uxzhen avatar Jul 19 '23 09:07 uxzhen

嵌套一下,然后给iframe设置宽度,因为单位是vw,index的100vw就是iframe的宽度

uxzhen avatar Jul 19 '23 09:07 uxzhen

求官方解决一手, 确实有用

guda-art avatar Sep 28 '23 08:09 guda-art