html5 移动布局,移动端Html5控制布局

content：

width 和 height 分别 指视区的逻辑宽度和高度.

device- width：设备的屏幕宽度

device-height：设备的屏幕高度

user-scalable：用户是否可以缩放视区，yes允许用户进行缩放；no:不允许用户进行缩放；

initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。通常整个Web页面，设为1.0则将显示未经缩放的Web文档。

maximum-scale和minimum-scale：Web页面缩放比例的限制。值的范围为0.25至10.0之间。与initial-scale相同，这些指令的值是应用于视区内容的缩放比例。

target-densitydpi: 屏幕销售密度

target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi]

device-dpi –使用设备原本的 dpi 作为目标 dp。 不会发生默认缩放。

high-dpi – 使用hdpi 作为目标 dpi。 中等像素密度和低像素密度设备相应缩小。

medium-dpi – 使用mdpi作为目标 dpi。 高像素密度设备相应放大， 像素密度设备相应缩小。 这是默认的target density.

low-dpi -使用mdpi作为目标 dpi。中等像素密度和高像素密度设备相应放大。

– 指定一个具体的dpi 值作为target dpi. 这个值的范围必须在70–400之间。

html5 移动端单页面布局

序     移动端的web网页使用的是响应式设计,但一般我们看到的网站页面都是跳转刷新得到的,比如通过点击一个menu后进入到另一个页面 今天来说下是移动端的单页面的布局.单页面就是一切操作和布局都是 ...

移动端HTML5<video>视频播放优化实践

遇到的挑战 移动端HTML5使用原生标签播放视频,要做到两个基本原则,速度快和体验佳,先来分析一下这两个问题. 下载速度 以一个8s短视频为例,wifi环境下提供的高清视频达 ...

移动端HTML5<video>视频播放优化实践[转]

http://blog.youkuaiyun.com/u010918416/article/details/52705732 http://www.xuanfengge.com/html5-video-play. ...

移动端HTML5开发 选择方案

如今出现了大量的CSS前端框架,但真正优秀的框架只有少数几个. 本文将会比较其中五个最佳的框架.每个框架都有自己的优点和缺点,以及具体的应用领域,你可以根据自己的具体项目需求进行选择.此外,许多选项都 ...

移动端 HTML5 <video> 视频播放优化实践

遇到的挑战 移动端HTML5使用原生标签播放视频,要做到两个基本原则,速度快和体验佳,先来分析一下这两个问题. 下载速度 以一个8s短视频为例,wifi环境下提供的高清视频达 ...

[转]移动端HTML5<video>视频播放优化实践

遇到的挑战 移动端HTML5使用原生标签播放视频,要做到两个基本原则,速度快和体验佳,先来分析一下这两个问题. 下载速度 以一个8s短视频为例,wifi环境下提供的高清视频达 ...

html5 弹性布局

html5 弹性布局 一.移动开发常用技巧 Viewport基本知识 设置布局Viewport的各种信息1.width=device-width: 设置Viewport视口宽度等于设备宽度2.init ...

html5 基本布局+新标签+新选择器 + 线性渐变

html5 基本布局+新标签

移动端HTML5性能优化

移动端HTML5性能优化 [导读] 得益于智能手机的普及和各行各业互联网+的运动,移动端的市场占比疯狂增长. 2016年1月发布的2015年电商数据显示,2015年中国移动端网购交易额同比暴涨123 ...

随机推荐

windows下用navicat远程链接虚拟机Linux下MySQL数据库

今天想用navicat远程连接虚拟机中的MySQL数据库,一直连不上,在网上搜索了一下,发现原因是MySQL对远程用户登陆的授权问题.这里说一下我的解决方法.(本人小白) 首先,我用navicat去远 ...

(转)Let’s make a DQN 系列

Let's make a DQN 系列 Let's make a DQN: Theory September 27, 2016DQN This article is part of series Le ...

HDU 4006 The kth great number【优先队列】

题意:输入n行,k,如果一行以I开头,那么插入x,如果以Q开头,则输出第k大的数 用优先队列来做,将队列的大小维护在k这么大,然后每次取队首元素就可以了 另外这个维护队列只有k个元素的时候需要注意一下 ...

在Ubuntu上为Android系统内置Java应用程序测试Application Frameworks层的硬件服务(老罗学习笔记6)

一:Eclipse下 1.创建工程: ---- 2.创建后目录 3.添加java函数 4.在src下创建package,在package下创建file 5.res---layout下创建xml文件,命 ...

Bootstrap之Footer页尾布局(2015年05月28日)

直接上页尾部分的代码: