移动wabAPP 开发 viewport 注意事项

最新推荐文章于 2025-09-12 14:21:37 发布

转载最新推荐文章于 2025-09-12 14:21:37 发布 · 64 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/porter/p/4801138.html

文章标签：

#ui

本文介绍了一种常见的移动网页适配方法，通过设置viewport元标签来控制页面在不同尺寸设备上的显示效果，确保用户获得良好的浏览体验。

我们在开发移动设备的网站时，最常见的的一个动作就是把下面这个东西复制到我们的head标签中：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">



http://wenzhixin.net.cn/2014/08/01/viewport_mobile  ----游戏UI编辑器设计的UI宽度都是固定的
http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html
http://www.cnblogs.com/2050/p/3877280.html

https://developer.mozilla.org/zh-CN/docs/Mobile/Viewport_meta_tag

转载于:https://www.cnblogs.com/porter/p/4801138.html