Android中Web Apps的目标屏幕
来源:互联网 发布:移动软件开发期末考试 编辑:程序博客网 时间:2024/06/10 20:27
原文来自Android开发文档
Targeting Screens from Web Apps
对于不同Android设备的web页面,需要注意两点基本的要素:
1.页面的viewport和scale的大小
Android浏览器加载页面时,默认加载方式为“overview mode”,显示一个全局的视图。你可以覆盖重写这个行为,通过定义viewport的大小或者初始化viewport的scale。同样,你可以通过控制缩放大小来控制。
另外,用户可以通过在浏览器设置中关闭overview mode。
尽管如此,当使用WebView来渲染一个页面时,页面使用full zoom(而不是overview mode)来加载。
2.设备的屏幕密度(分辨率)
设备的屏幕分辨率(pixels per inch)也影响页面的分辨率和大小(三种屏幕分辨率low,medium,high)。Android浏览器和WebView为各种大小的屏幕分辨率进行补偿,这样所有设备显示的页面在一个相同的在medium可感知的大小。如果图像对页面来说是个重要的元素,你应该密切注意在不同目标机的scaling,因为image的scaling可以人为改变模糊程度和像素。
为了在所有目标屏幕上提供最佳的可视化表现,应该通过viewport metadata和提供对不同目标屏幕可转变的图片,你可以通过使用CSS和JavaScript来将他们应用于不同的屏幕。
参考http://ucdchina.com/snap/7166
http://hi.baidu.com/android7/blog/item/f28bbba573e89b9ed04358fd.html
使用Viewport Metadata
例如,虽然一个设备的屏幕的宽度为480pixels,viewport可以使800pixels宽,这样,页面就可以设计为800pixels宽,就能在屏幕上看到完整的视图。
页面的HTML的meta标签中使用viewport属性(必须放在head标签中)
- Android中Web Apps的目标屏幕
- Android官方开发中心之Web Apps屏幕适配
- Android Web Apps
- android-Debugging Web Apps
- Android--Web Apps
- android API Guides 之 web app -------------Targeting Screens from Web Apps(屏幕适配)
- Android官方文档在WebView中构建Web Apps
- Android官方文档在WebView中构建Web Apps
- Android API Guides---Web Apps
- 如何让你的web apps在不同分辨率的屏幕上都有完美展现
- android到web前端的小目标
- Native Apps、Web Apps
- 理解Android Web Apps的运行机制,实现简单的包含Web View的应用程序
- Android 2.3新特性:Web Apps概述
- Android官方文档之Web Apps调试
- Android API Guides--Web Apps 概述
- android - Building Web Apps in WebView
- android-Best Practices for Web Apps
- 强大的wmic
- 让div在body中居中对齐
- 2011-4-22世界地球日
- Asp.net ajax、Anthem.net、Ajax pro三大ajax框架那一种使用比较方便?易于配置?
- 负载均衡技术概览
- Android中Web Apps的目标屏幕
- java接口和类(五)接口的应用
- 用Js简单实现省市区级联菜单
- 支点(无限接近的根号修改创新极值)
- oracle的SQL语句执行效率问题查找与解决方法
- 圆心坐标的提取
- control命令详解
- 总结一些常用功能源码
- java接口和类(二)类的说明符的访问权限