兼容宽屏的移动端页面适配方法

237 天前
 wsWmsw

V 友们好,推一下我的一个插件,这个插件用来做只有一份移动端设计稿、同时又希望兼容桌面端的项目非常合适。这个插件会把移动端的固定宽度视图转化为可伸缩的视图,同时限制视图的最大宽度,当达到某一宽度,视图就不再变化了,永远停留在那个移动端页面的模样,这样的适配会让用户在桌面端也得到良好的用户体验。

这个插件的名字是 postcss-mobile-forever ,项目托管在 Github 上,地址是 https://github.com/wswmsword/postcss-mobile-forever,项目主页上有非常详细的文档。

使用时,它的配置非常简单,不考虑特殊情况,三行就能完成:

{
  "viewportWidth": 750,
  "maxDisplayWidth": 560,
  "appSelector": "#app"
}

462 次点击
所在节点    前端开发
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1028870

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX