web app会遇到那些问题

Html在移动设备上显示会遇到那些问题：

   1. 限制HTTP请求：3G信号传输费用昂贵，可能的话要限制图像显示。

   2. 不同的屏幕尺寸：移动设备屏幕尺寸宽度一般来说从320到480不等，但是也会因为设备的不同有很大差异
   3. 禁用悬停：触摸屏不能很好地支持hover，所以做菜单时最好不要使用下拉菜单等形式。
   4. 跨浏览器支持。

   5. css中的1px并不等于设备的1px,同时用户缩放也会引起css中px的变化。移动设备上的浏览器都会把自己默认的viewport设为980px或1024px。所以在移动开发中最常见的解决方法就是添加以下代码：

       <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">