V 友们好,推一下我的一个插件,这个插件用来做只有一份移动端设计稿、同时又希望兼容桌面端的项目非常合适。这个插件会把移动端的固定宽度视图转化为可伸缩的视图,同时限制视图的最大宽度,当达到某一宽度,视图就不再变化了,永远停留在那个移动端页面的模样,这样的适配会让用户在桌面端也得到良好的用户体验。
这个插件的名字是 postcss-mobile-forever ,项目托管在 Github 上,地址是 https://github.com/wswmsword/postcss-mobile-forever,项目主页上有非常详细的文档。
使用时,它的配置非常简单,不考虑特殊情况,三行就能完成:
{
"viewportWidth": 750,
"maxDisplayWidth": 560,
"appSelector": "#app"
}
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.