什么是Viewport？移动浏览器将页面放在虚拟“窗口”（视口）中。通常，这个虚拟“窗口”（视口）比屏幕宽，所以你不必将每个网页都挤进一个小窗口（这会破坏未针对移动浏览器优化的网页的布局），用户可以平移和缩放以查看网页的不同部分。移动版Safari浏览器最近引入了viewportmeta标签，允许web开发者控制viewport的大小和缩放，其他移动浏览器也基本支持。metatagwidth-可见区域的宽度，是一个正整数，或字符串"device-width"height-可见区域的高度，为正整数，或字符串"device-height"initial-scale-初始缩放比例，如果值为1.0，则页面会按照实际大小显示，无任意缩放minimum-scale-允许用户缩放到的最小比例，是一个数字，可以有小数zoomto,是一个数字，可以有一个小数点user-scalable-用户是否可以手动缩放，值为“no”或“yes”，no表示不允许，yes表示允许telephone-号码是否转换为拨号链接，值为"no"或"yes"",no表示不允许，yes表示允许，设置为no时，调用邮箱-是否自动识别邮箱，取值为“no”或“yes”,no表示不允许，yes表示允许，当设置为no时，当设置为no时，发送邮件获取滚动条的值window.scrollYwindow.scrollX在桌面浏览器中，你想通过document.scrollTop和document.scrollLeft获取滚动条的值，android和IOS通过window.scrollYwindow.scrollX禁止复制粘贴文字-webkit-user-select:none移动端触摸事件touchstart//手指触摸屏幕时触发touchmove//当触摸到屏幕的手指开始移动时触发touchend//当手指离开屏幕时触发touchcancel//当某个触摸事件异常结束时触发这4个事件的触发顺序是：touchstart->touchmove->touchend->touchcanceloverflow属性overflow属性指定当内容溢出元素的框时发生的情况。visible默认值内容不会被裁剪，并且会在元素的框外呈现。隐藏的内容被修剪，其余内容不可见。滚动内容被修剪，但浏览器显示滚动条以查看其余内容。auto如果内容被修剪，浏览器会显示滚动条以查看其余内容。inherit指定应该从父元素继承溢出属性的值。background-image和图片加载的区别在网页加载过程中，作为css背景图片存在的imagebackground-image要等到结构体加载完毕（网页内容全部显示完毕后）才会开始加载，而html中的标签img是网页结构的一部分（内容），在加载结构的过程中会加载。也就是说，网页会先加载标签img的内容，再加载背景图片background-image
