小程序开发为什么要做适配？-SG胜游科技

合作从这里开始

我们专注：网站设计、移动应用、系统开发、网站SEO及网站营销及品牌策略与设计

主营业务：官网建设、微信小程序开发、H5、手机移动APP、信息报送平台、各类管理系统、云产品·运维解决方案

您有项目想和我们谈谈吗?: 可以通过填写右边的表格，让我们了解您的项目需求，这是一个良好的开始，我们将会尽快与您取得联系。当然也欢迎您给我们发送邮件或是电话，让我们听到您的声音

微信扫一扫 SG胜游全知道

深入沟通，只为更深度的合作

地址: 中国成都高新区环球中心S1区923

电话: 028-85523238（客户服务热线）

移动电话: 028-85523238

邮箱: 1302885521@qq.com

SG胜游科技 > 首页 > 建站知识

14
Jul.

文章来源：

若有侵权请告之删除

浏览次数： 672次

由于用户可在PC端使用小程序，且有可能在不同尺寸视图下进行切换，为了保证小程序在不同尺寸屏幕下的体验流畅友好，我们建议开发者根据用户使用设备和场景，自行对小程序进行适配。适配推荐栅格系统、配合响应策略实现页面动态布局。

采用栅格系统进行页面设计

栅格系统具有规律性，其元素宽高可使用百分比进行呈现，这个特性让使用栅格系统设计出的页面与布局具有规律可寻，从而提高不同分辨率下页面布局的一致性与可复用性。

制定小程序页面的响应策略

响应式是系统对于外部变化的反馈跟适应，即通过合理的设计方案配合规范的技术来制定的变化策略。

响应式策略的制定能够让小程序在任何一个尺寸的屏幕上的使用体验保持合理与连贯性。

开发者适配设计指引

1.基本适配原则

PC端屏幕尺寸相对于移动端具有更大的内容展示空间和展现优势，例如可同时开启多个窗口、窗口可拖动、窗口可切换成不同尺寸等。为了提高屏幕利用率，将屏幕变大带来的体验增值最大化，在适配过程中有如下体验原则：

（1）视图信息展示完整可读

在小程序视图尺寸切换后，视图信息应保证完整可读，不应出现信息形变、缺失、分辨率下降等变化。

（2）视图尺寸切换交互流畅友好

在小程序视图增大后，可展现出更多信息；视图切换过程应流畅友好，可采用适当手段对小程序布局进行优化。

下一篇：成都网站建设维护

致力于互联网品牌建设与网络营销，专业领域包括网站建设、电子商务、移动互联网应用、系统平台开发，等服务为不同类型的客户提供良好的互联网应用定制解决方案，帮助客户在新的全球化互联网环境中保持优势。

SG胜游科技提供网站建设开发（含APP）、品牌咨询策划、整合营销推广等互联网全价值链一体化服务。核心团队由互联网专业人士和营销专业人士构成，具有10年系统设计开发经验，6年整合营销实际操盘经验。