可以做到屏幕小于某个值以后，就不再收缩而是超出部分隐藏吗

[wswmsword]

可以，什么时候需要这种场景？超出部分隐藏不是无法查看了吗？

[BeiJiu123]

我是用它来做web端的适配，我不希望当窗口越来越小以后，里面的东西也跟着越来越小，导致布局变乱，希望能够在缩小到某个宽度以后就不在缩小，而是地步出现滚动条，让用户滚动来看

[wswmsword]

了解，我目前还是不加这个属性了。主要是因为 fixed 定位的元素在限制最小宽度的情况下不是很好处理，但是在限制最大宽度的情况下，fixed 是能处理的，插件也已经处理了，所以如果实现这个功能的话，最小宽度和最大宽度两种情况下，fixed 定位的处理不能对应，所以还是暂时不在这个插件实现这个功能了。 有另外一个插件给您参考，postcss-px-to-clamp，这个插件只转换 px 到 vw，而且限制最大和最小尺寸，但是这个插件有点 bug，如果放到你项目没影响的话可以试试，我以后可能也会写个这个插件，至少把他项目里这些 bug 解决一下。 或者的话还有个方法，你就用 postcss-px-to-viewport 做适配，然后用 iframe 套你的页面，反正 iframe 可以设置 max-width 和 min-width，这个就简单多了。

[BeiJiu123]

我之前的用的就是postcss-px-to-viewport，就是存在缩的很小的，布局就会乱，那请问下怎么使用ifram来套页面呢

[wswmsword]

我今天晚点给你在这发个 demo

[wswmsword]

build.zip

可以参考下上面这个文件夹，点击就可以下载了，里面的 index.html 文件、css 和 js 文件夹是经过 postcss-px-to-viewport 编译后的产包，index-iframe.html 是我自己新建的文件，用了 iframe 引入产包的 index.html。

[BeiJiu123]

我按照你的方式，在react项目将之前的index.html改名，新建一个index.html,然后引入，但是ifram里面的内容还是缩小改变呀，是为什么呢，请问下应该怎么弄呢

[wswmsword]

给 <iframe> 标签设置 max-width 和 min-width 即可，就和其它平常使用的 <div> 之类的标签一样。实在不行你把产包发给我，把产包压缩，然后在输入框粘贴就行了。

[BeiJiu123]

但是src 不是要把自己的react项目放进去吗，我放的是index。html的的位置，可以显示内容，但是缩小屏幕以后布局还是会乱，难道你的意思的直接改打包文件的build 下面的index.html吗,我也试过还是不行啊

[wswmsword]

好像的确是不行，如果项目有路由，在 iframe 里切换页面路由不变。要不你再试试之前的 postcss-px-to-clamp，我看他昨天更新了插件修复了 bug，他配置里的参数 maxViewportWidth 和 minViewportWidth 要写单位：

{
  "maxViewportWidth": "1920px",
  "minViewportWidth": "1200px"
}

[BeiJiu123]

我试过了，那个插件的px转vw有些问题，缩小屏幕会样式会有问题，感谢大佬，我在看看还没有其他法子

[wswmsword]

哈哈，不客气，加油

[wswmsword]

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

{
  "appSelector": "#app",
  "maxDisplayWidth": 1440,
  "experimental": {
    "minDisplayWidth": 980
  }
}