专为移动端设计的网站很少有能在桌面端访问的,或者在自己调试这种项目的时候,或者在无意访问到这种产品的时候,都会很难受。对比之下我发现多抓鱼官网做得很好,桌面端和移动端虽然基本公用一套 ui ,但访问无障碍,没有巨大字体和全宽的问题。
在做屏幕适配的时候,有一种 postcss-px-to-viewport 的移动端弹性布局方案很常用,它的问题就是上面提到的大屏不能看的问题,所以我在思考是否有方法结合 postcss-px-to-viewport 方案和多抓鱼的展示效果之后,写了个插件 postcss-mobile-to-multi-displays,在大屏则保持移动端视图,也就是限制弹性布局的最大宽度。
有需要的朋友可以试试呀~