中美设计顾问：网页常用尺寸规范

中美设计顾问：网页常用尺寸规范1.小屏幕：宽度240px或者2.4以下屏幕2.中等屏幕：宽度240~320px，或者2.4~3.0吋屏幕，同时包括240*320的宽屏手机。3.大屏幕：宽度320px以上屏幕或者3.0吋以上的屏幕4、在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003。如果是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。5、在Firefox（火狐）下，宽度的分率辨减19。比如1024的宽度-19就变成10056、在Opear下，宽度的分率辨减23。比如1024的宽度-23就变成1001注意：Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。metaname=viewportcontent=width=device-width,initial-scale=1：为了确保适当的绘制和触屏缩放，需要在head之中添加viewport元数据标签。是为了让使用的物理设备的宽度和网页的设计宽度比列为1:1。保证网页能随着设备的屏幕不同显示不同尺寸的网页。metaname=viewportcontent=width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no：在移动设备浏览器上，通过为视口（viewport）设置meta属性为user-scalable=no可以禁用其缩放（zooming）功能。这样禁用缩放功能后，用户只能滚动屏幕，就能让网站看上去更像原生应用的感觉。这种方式并不推荐所有的网站使用，需要根据自己的具体情况定HTML5的离线存储：使用记事本创建manifest为扩展名的文件，否则无效创建manifest文件：CACHEMANIFEST第一行：声明文件头部Thisisacommentcache第三行：标明是离线存储文件Style.css需要缓存的css文件NETWORK第五行：需要网络调用的文件FALLback第七行：资源失效或不可用时更新文件Index.html