随着智能手机和手机的热潮，衍生出了基于手机和浏览器的触摸屏手机网站。
触摸屏移动网站在中国仍处于起步阶段。 从行业现状来看，经验参差不齐。 笔者将从设备、系统、浏览器、网络四个维度来探讨触摸屏手机的网站设计。 ：
1. 设备
·分辨率和屏幕尺寸
·触摸屏机的交互特点
·表现
1、分辨率是设计师制作网站时首要考虑的因素。 目前有两种分辨率：480*320 和 960*640。 屏幕的物理尺寸均为3.5英寸。 由于它是一个开源系统，因此有很多厂商。 分辨率和屏幕尺寸有很多种，但目前主流的分辨率是：480*320和800*480。 基于以上情况，建议以480*320为标准进行设计。 （客户建议采用大分辨率设计。）同时考虑横向适配。
2、触摸屏手机的特点是直接通过手指操作对象，因此需要为网站设置一个理想的行高，以满足手指触摸点击。
触摸屏点击尺寸的一条数据来自：
食指点击的距离约为7*7mm，1mm的距离。
拇指点击间距约为8*8mm，2mm间距网络营销策划心得体会，目前推荐值为9mm，最小应不小于7mm。
列表选项之间的最小距离应不小于5mm。
在设计过程中网络推广方案，需要将毫米转换为像素。 不同尺寸的屏幕分辨率的转换结果也不同。 详细换算方法请参见（DPI与CSS中像素、厘米、英寸、长度单位的关系及换算）作者认为设计时可以以5mm为最低标准，如果使用率较高时，可根据试验条件适当增加。
手机输入体验3G门户炫丽版
3、手机的硬件和网络环境与PC相比还存在较大差距，因此移动网站需要高度优化页面性能：
尽量控制页面文件大小，避免使用过多图片，规范HTML和压缩工具
最小化服务器请求并使用某些特定的CSS直接写入页面文件中......
关于页面性能的具体优化，不是三言两语就能说清楚的。 这只是一个建议，欢迎补充。
2、系统
·
·闪光
1、iOS与iOS在设计风格和交互方面存在较大差异。 如果你认为一个UI同时适用于多个平台（网站可以跨平台使用网络营销策划公司，相对APP来说减少了开发和维护成本），那么在设计时就应该避免过度。 巨大的文体偏差以及互动冲突和误导。 详细信息请参见：
人机界面设计指南
人机界面指南
2. iOS不支持flash、JAVA、SVG。 它支持.1或更高版本。 推荐使用gif动画。
3. 浏览器
·功能栏
·缓存
·HTML&CSS
·
1、浏览器自带功能栏，弥补了硬件的功能缺陷。
这里特别介绍一下iOS的一个功能，可以将网站添加到桌面并生成APP图标：
icon.png图片是正方形的，尺寸为57px*57px,*114。
2、缓存分为组件缓存和页面缓存。 组件缓存是指网站元素：图片、CSS等。页面缓存是将整个页面作为一个单独的实体存储。 在设计和开发页面时，应注意组件和页面不要超过浏览时间。 服务器缓存大小：
3、在PC端看似遥远的HTML5、CSS3网络营销策略，却最先出现在移动端。 这里有一些实用的CSS3
渐变：(,,,color-stop(0.3,rgb(255,255,255)),color-stop(0.75,rgb(239,242,252)));
圆角： ---top-right-:4px;
高级选择器：.list>p:last-{}-image:
防止重力感应时文字随着分辨率的增加而增大：--text-size-:none；
屏蔽输入框默认圆角和阴影： ---:0;--:none
去掉下拉框的默认样式： ---:0;--:none;
官方：html css
4.
隐藏浏览器地址栏：
。（'加载'，（）{
((){
.(0,1);
},100);
});
手机识别：
=..().('')>=0,
=..().('')>=0;
如果（）
..href=”XXX.html”;
全屏显示：
4. 网络
·GPRS
·3G
·无线上网
1、从速度和资费来看，GPRS是最慢、最贵的移动上网方式。 在这种网络环境下，页面瘦身无疑是最明智的选择。 建议页面文件大小不超过25K（GZIP后）。 具体测试数据不再详述。 。
2.3G卡的速度接近甚至超过WIFI上网速度，但也存在资费问题。
3、WIFI可以理解为移动终端通过无线路由连接固定宽带的一种方式。 资费和速度相当于使用PC访问网站的成本。
基于以上三种类型的网络，我们可以进行一些适配，为用户提供最合适的体验：
文章原创于金源网络科技有限公司：http://haimianbeibei.com/
