移动APP解决方案

(1)简单粗暴

如果我们按照320px宽的设计稿去制作页面,并且不做任何的设置,页面会默认自动缩放到跟手机屏幕相等的宽度(这是由于medium-dpi是target-densitydpi的默认值,和不同密度对应不同缩放比例所决定的,这一切都是移动设备自动完成的).所以这种解决方案,简单,粗暴,有效.但有一个致命的缺点,对于高密度和超高密度的手机设备,页面(特别是图片)会失真,而且密度越多,失真越厉害.

(2)极致完美

在这种方案中,我们采用target-densitydpi=device-dpi,这样一来,手机设备就会按照真实的像素数目来渲染,用专业的话来说,就是1CSSpixels =1 device pixels.比如对于640*960的iphone,我们就可以做出640*960的页面,在iphone上显示也不会有滚动条.当然,对于其他设备,也需制作不同尺寸的页面,所以这种方案往往是使用媒体查询来做成响应式的页面.这种方案可以在特定的分辨率下完美呈现,但是随着要兼容的不同分辨率越多,成本就越高,因为需要为每一种分辨率书写单独的代码.

(3) 合理折中

针对安卓设备绝大多数是高密度,部分是中密度的特点,我们可以采用一个折中的方案:我们对480px宽的设计稿进行还原,但是页面制做却成320px宽(使用background-size来对图片进行缩小),然后,让页面自动按照比例缩放.这样一来, 低密度的手机有滚动条(这种手机基本上已经没有人在用了),中密度的手机会浪费一点点流量,高密度的手机完美呈现,超高密度的手机轻微失真(超高密度的安卓手机很少).这种方案的优点非常明显:只需要一套设计稿,一套代码(这里只是讨论安卓手机的情况).

时间： 2024-08-10 04:14:29

移动APP解决方案的相关文章

微信营销平台   服务型APP解决方案（O2O）

服务型APP解决计划(O2O) 撰写:指天下 ,ktv 微信营销 服务型APP解决方案(O2O);2015-10-23 公司:广州市鑫科瑞信息科技有限公司 的址:广州市天河区长湴产业园14栋202室 联系方式:02038104292 ,微信营销 书 服务型APP解决方案(O2O);13535510947 QQ:297060450 微信大众平台 一.什么是O2O? O2O 的条件是商家的信息化和联网化,解决这两点,才干让商家与公共互联网实现信息跟流程对接.以前商家底层的信息体系存在两个问题:不数据

高效省心实惠的手机APP制作平台

当今的移动互联网+时代,几乎人们生活中所有的服务内容都可以通过手机APP来完成,手机APP制作已是成功项目在商场竞争中必不可少的因素. APICloud正是应海量手机APP的制作需求而诞生的.作为中国领先的"云端一体"移动应用云服务提供商,APICloud重新定义了移动应用开发,为开发者从"云"和"端"两个方向提供API,简化移动应用开发技术,让移动应用的开发周期从一个月缩短到7天,可以帮助开发者快速实现移动应用的开发.测试.发布.管理和运营的全

Hybrid APP介绍

"云"时代的来临正在改变App和运营团队之间的关系,一场不能避免的变革正在进行.鉴于移动终端的局限性,移动终端上的APP由本地化应用(Native App),到混合型应用(Hybrid APP),再到基于WEB的应用Web App,这一连串的变化都源于技术的更新和市场的需要[1] . Hybrid App是指介于web-app.native-app这两者之间的app,它虽然看上去是一个Native App,但只有一个UI WebView,里面访问的是一个Web App,比如街旁网最开始

Atitit.hybrid混合型应用 浏览器插件,控件的实现方式 浏览器运行本地程序的解决方案大的总结---提升用户体验and开发效率..

Atitit.hybrid混合型应用 浏览器插件,控件的实现方式 浏览器运行本地程序的解决方案大的总结---提升用户体验and开发效率.. 1. hybrid App 1 1.1. Hybrid App为什么会兴起编辑 1 1.2. 如何实现网页语言与程序语言的混合编辑 2 1.2.1. 多View混合型 2 1.2.2. 单View混合型 2 1.2.3. Web主体型 2 1.3. Hybrid App的瓶颈与未来编辑 3 2. Web App.Hybrid App.Native APP对比

hybrid app

hybrid app Hybrid App(混合模式移动应用)是指介于web-app.native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”. 简介编辑 “云”时代的来临正在改变App和运营团队之间的关系,一场不能避免的变革正在进行.鉴于移动终端的局限性,移动终端上的APP由本地化应用(Native App),到混合型应用(Hybrid APP),再到基于WEB的应用Web App,这一连串的变化都源于技术的更新和市场的需要

货拉拉app开发

做个类似货拉拉APP软件需要多少钱呢?不同的app有不同的功能,所以在了解报价,先来看看物流app开发类似货拉拉APP解决方案.[相关更详细可@廖经理 137*5182*7717] 1.单据录入:随时随地录入物流单据,便于工作人员操作; 2.货物查询:扫一扫即可查询货物处理情况,方便客户操作; 3.价格查询:输入始发地.目的地,选择线路,价格一目了然; 4.门店查询:实时查询离自己最近的店面.车辆,对客户和车主都方便; 5.单据管理系统:按天.按周.按月统计订单数量; 6.数据挖掘:统计和分析物

Ionic 常见问题及解决方案 -----转

原文网址:http://mclspace.com/2016/01/16/ionic-problems-and-solutions/ 前言 Ionic是目前较为流行的Hybird App解决方案,在Ionic开发过程中会遇到很多常见的开发问题,本文尝试对这些问题给出解决方案. 一些常识与技巧 ion-content处使用 <i>上用<label>标签内的事件会在整个style="" 能用ng-if,ng-show和ion-list中的ng-click事件,可以在i

Ionic 常见问题及解决方案

原文网址:http://mclspace.com/2016/01/16/ionic-problems-and-solutions/ 前言 Ionic是目前较为流行的Hybird App解决方案,在Ionic开发过程中会遇到很多常见的开发问题,本文尝试对这些问题给出解决方案. 一些常识与技巧 list 有延迟,可以在ion-content处使用 overflow-scroll="true"尝试 在<i>上用ng-click上是没效果的 <label>标签内的事件会

Hybrid App是如何实现网页语言与程序语言的混合？谁占主体？

[编者按]本文作者@徐珂铭,一位看好Html5的移动互联网的从业人士.喜爱玩技术,会点JAVA.HTML及CSS,有自己的想法及姑且能表达想法的文字,因此有了自己的文章. 基于HTML5的Web App在移动端接受实用性检验后,开发者从热情转为观望.这时候Hybrid App作为现阶段HTML5技术的落脚点正悄然兴起!Native App和Web App的论战加入了一个新的角色Hybrid App. 但究竟什么是Hybrid App?如何定义? 汽车有混合动力Hybrid,移动应用同样也有混合模