Mobil web
hmg_monkey
90后monkey
展开
-
Mobile Web开发基础之四————处理设备的横竖屏
为了应对移动设备屏幕的碎片化,我们在开发Mobile Web应用时,一个最佳实践就是采用流式布局,保证最大可能地利用有限的屏幕空间。由于屏幕存在着方向性,用户在切换了屏幕的方向后,有些设计上或实现上的问题就会凸显——我们至少需要处理一下当前显示元素的宽度的适配(当然,要做的可能不仅仅是这个)。很多时候,我们需要为不同的屏幕方向来设计对应的应用显示模式,这个时候,实时地获知设备的模竖屏状态就显得极为转载 2014-06-17 09:32:10 · 689 阅读 · 0 评论 -
Mobile Web开发基础之一————viewport标签
我们先来一个基础的HTML5的网页框架,如下 Html代码 > html> head> meta charset="utf-8"> title>基本HTML5网页架构title> head> body> p>HelloWorldp> body>转载 2014-06-17 09:24:42 · 653 阅读 · 0 评论 -
Mobile Web开发基础之二————开发环境套件一览
做为一个Mobile Web开发者,我们除了拥有真机外(这个对于大多数团队不现实呀,IT民工们真心买不起),更重要的就是先在模拟器/仿真器上来测试了。在此列举所需要的所有开发环境: SDK,仿真器,模拟器 iOS SDK(XCode), 最好的IDE与仿真器(没有之一 )Android SDKOpera Mobile,最快的仿真器Opera Mini , 一个基于Java A转载 2014-06-17 09:29:43 · 904 阅读 · 0 评论 -
Mobile Web开发基础之三————由按键想到的
按钮是天生为移动平台而生的:移动平台上的按钮往往被设计得比较大以便用户点击——与此形成鲜明对比的就是移动平台上的超链接。移动平台与桌面平台在人机交互上有显著的不同,移动平台的输入工具为用户的手指,显示区域相对输入工具就很小;而对于桌面平台,显示区域较输入区域就大得多了,鼠标的存在,更是与触屏式的交互有所不同。 传统的按钮(button)与那些经过CSS装饰后看起来像按键转载 2014-06-17 09:31:26 · 958 阅读 · 0 评论