【技术实现步骤摘要】
移动端界面的适配方法、装置、移动终端及存储介质
本专利技术属于计算机
，尤其涉及一种移动端界面的适配方法、装置、移动终端及存储介质。
技术介绍
移动终端的界面适配是指设计一种适配方案，在主流移动终端上都能达到比较好的效果，使用户看起来比较舒适，同时也不违背终端大屏幕的初衷，即在更大的终端上用户可以在不翻页的情况下看到更多的内容。目前移动终端的飞速发展，追求的是在5寸到6寸的移动终端上达到很好的效果，同时在尺寸更大的平板设备上也能看起来舒适。由于移动终端的屏幕分辨率、屏幕尺寸、屏幕长宽比各不相同，还有移动终端上系统、浏览器的多样性，目前移动终端的界面适配仍然没有一种方案能够很好地适配大部分的主流移动终端，界面适配的灵活性不足，导致适配效果不佳。
技术实现思路
本专利技术的目的在于提供一种移动端界面的适配方法、装置、移动终端及存储介质，旨在解决由于现有技术无法提供一种有效的移动端界面的适配方法，导致移动端界面的适配效果不佳、用户体验不佳的问题。一方面，本专利技术提供了一种移动端界面的适配方法，所述方法包括下述步骤：根据预设的主流设备独立像素、预设的响应式布局方式，对...
【技术保护点】
1.一种移动端界面的适配方法，其特征在于，所述方法包括下述步骤：根据预设的主流设备独立像素、预设的响应式布局方式，对预先设计好的设计稿上的图片元素进行调整；根据预设的字体格式，对所述设计稿上的文字元素进行调整；根据调整后的所述图片元素和调整后的所述文字元素，生成所述设计稿对应的移动端界面并输出。
【技术特征摘要】
1.一种移动端界面的适配方法，其特征在于，所述方法包括下述步骤：根据预设的主流设备独立像素、预设的响应式布局方式，对预先设计好的设计稿上的图片元素进行调整；根据预设的字体格式，对所述设计稿上的文字元素进行调整；根据调整后的所述图片元素和调整后的所述文字元素，生成所述设计稿对应的移动端界面并输出。2.如权利要求1所述的方法，其特征在于，对预先设计好的设计稿上的图片元素进行调整的步骤，包括：判断所述图片元素的宽度与所述主流设备独立像素的宽度是否一致；当所述图片元素的宽度与所述主流设备独立像素的宽度一致时，根据所述主流设备独立像素的宽度与所述设计稿的宽度之间的比值，对所述图片元素的宽度、高度进行调整。3.如权利要求1所述的方法，其特征在于，对预先设计好的设计稿上的图片元素进行调整的步骤，还包括：当所述图片元素的宽度与所述主流设备独立像素的宽度不一致时，判断所述图片元素的宽度是否小于预设的设备独立像素宽度阈值；当所述图片元素的宽度小于所述设备独立像素宽度阈值时，保持所述图片元素的宽度、高度不变。4.如权利要求1所述的方法，其特征在于，对预先设计好的设计稿上的图片元素进行调整的步骤，还包括：当所述图片元素的宽度与所述主流设备独立像素的宽度不一致、且所述图片元素的宽度不小于所述设备独立像素宽度阈值时，根据预设的百分比，对所述图片元素的宽度、高度进行调整。5.如权利要求1所述的方法，其特征在于，对预先设计好的设计稿上的图片元素进行调整的步骤，还包括：当所述图片元素为所述设计稿的底部操作栏、且调整后的所述设计稿要求恰好布满移动终端的显示屏幕时，通过所述响应...
【专利技术属性】
技术研发人员：胡建，
申请(专利权)人：深圳市共进电子股份有限公司，
类型：发明
国别省市：广东,44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。