H5W3
当前位置:H5W3 > 其他技术问题 > 正文

postcss-px-to-viewport 怎么限制最大宽度

vue移动端开发

使用了postcss-px-to-viewport来进行适配操作。应该限制body的最大宽度呢?
类似下面这种效果
https://m.lvmama.com/

希望大佬能给予解答,感谢

回答:

大佬postcss-px-to-viewport 限制了最大宽度,但是px转测vw后超过最大限制还是会随着屏幕的变大而变大,这个怎么解决啊

回答:

写个媒体查询,在最外层加
transform: scale(0.5, 0.5);
transform-origin: 50% 0;

回答:

selectorBlackList: ['.ignore', '.hairlines'], // (Array) 指定不转换为视窗单位的类,可以自定义

然后给你要设置max-width的元素添加class,以selectorBlackList里面的某项开头,比如
<div class=”.ignore_max_w”></div>
css:
.ignore_max_w{

max-width:650px;

}

本文地址:H5W3 » postcss-px-to-viewport 怎么限制最大宽度

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址