基于flexible.js和postcss-pxtorem的pc端适配改写

702 阅读1分钟

flexible.js和postcss-pxtorem这两个插件一般用于移动端适配,这段时间公司需要在已开发完成的pc端项目上做适配,于是想起了这两个插件。

但是直接用于pc端是存在问题的,比如pc端页面字体限制最小是12px,这样会导致页面被缩放到很小的时候,出现元素过小而文本超出的问题,或者盒子被缩到太小了,布局混乱。

网上找了很多内容没有直接的解决方案,于是自己上手解决(就是懒) 关于这两个插件的用法网上有很多,此处不再赘述。 代码很简单,下面直接上

image.png

我是直接找到flexible.js这个文件在里面改写的,有需求的朋友可根据实际情况来。