H5指的是移动端上基于HTML5及CSS3制作的交互动态情景网页。市面上的书籍多是讲H5设计，今天我就开始连载给大家讲讲H5开发的制作方法。
首先，先给大家讲讲基础知识。
&1.基础知识
【手机尺寸】指手机屏幕对角线长度，以英寸为单位，1英寸=2.54cm
问：如何测出手机的屏幕宽度和高度呢？
<script>
function showWindowWidth(){
alert(window.innerHeight "," + window.innerWidth);
}
</script>
<body onload="showWindowWidth();"></body>
【分辨率】
1.屏幕分辨率指一个屏幕具体由多少个像素点组成，以px为单位，表示屏幕水平和垂直方向的像素数
2.图像分辨率指图片含有的像素数，同一尺寸的图片，分辨率越高，图片越清晰
手机型号 手机尺寸 屏幕大小 屏幕分辨率 后摄像头
iphone6 4.7英寸 375x667pt 750x1334px 800万像素
iphone6P 5.5英寸 417x736pt 1242x2208px 1200万像素
【像素】
设备像素：设备屏幕的物理像素，固定的，图像的基本单位
网友评论