相比较于PC端网站设计，手机网站设计灵活性更强、便捷性更大，用户应用更为广泛，如浏览网页、信息推送、即时沟通等。而且更为突出的是，微信的全球化使得手机网站设计需求接近PC端，甚至在很多领域的关键词都超过了PC端。种种事实均表明，PC端无论是门户网站制作，还是网站建设都会在移动互联时代成为手机网站建设和设计的“陪衬”，手机打败电脑，成为第一网上终端。

网站建设

手机网站设计尺寸分析

手机网站网站设计需要根据屏幕大小、比例、分辨率等进行调配，既要考虑应用在不同屏幕大小上的适配，又要保持其一致性。在此，我们先了解几个关于手机屏幕大小方面的概念，如屏幕物理尺寸、屏幕分辨率、屏幕密度等。

1.屏幕物理尺寸，即屏幕对角线长的实际尺寸，如2.4吋，3.5吋等;

2.屏幕分辨率，即屏幕所能显示的像素数量，如240*320等;

3.屏幕密度，即以每英寸的像素数。每英寸的分辨率数，如160ppi。

要知道，三者之间既相互独立，又紧密联系。物理尺寸决定了屏幕的实际尺寸，而分辨率可以表示屏幕上可以呈现的像素点数，屏幕密度决定了屏幕的精细程度。相同的屏幕大小，如果分辨率高，则屏幕元素更精细。一个界面元素在屏幕里的实际尺寸却是与屏幕密度相关，屏幕密度较小的屏上，界面元素的实际尺寸就会大些，反之亦然。

但是，在不同屏幕中，不同的图标点阵或者不同的字体及大小的汉字，在人的主观感知上，会有一个最优的结果值。在设计的过程中，手机网站设计机构需要根据这个最优值来进行界面的布局及设计。

手机网站设计过程与屏幕适配思路

1.确定目标的屏幕大小

我们都清楚，手机屏幕大小由宽度和高度两个因素决定，但是在布局手机客户端的过程中，宽度值是关键。宽度确定后，高度可以由滚动或者翻页来显示所有内容;文字可以在适当的位置折行;标题栏可以伸缩适配屏幕宽度等。但并不是不考虑高度，图标、文字、特殊的组件不仅需要考虑宽度，也需要考虑整个屏幕的布局是否与之适配。

此外，还需要对手机屏幕的大小的归类，并将屏幕大小和操作系统、手机类型等因素综合考虑进去。首先，我们来定义手机的屏幕大小的归类档次：小屏幕、中等屏幕、大屏幕。

各款手机网站设计

(1)小屏幕：宽度240 px 以下屏幕或者2.4 以下屏幕，一般以非智能机为主，归在这个分类中的手机屏幕，一般是以java版本的客户端为主。

(2)中等屏幕：宽度240~320 px，或者2.4~3.0吋屏幕，智能手机以Symbian或S60 v1,2,3，Windows mobile为主流;或者是非智能手机的客户端以java版本为主。同时包括240*320的宽屏手机。

(3)大屏幕：宽度320 px以上屏幕或者 3.0吋以上的屏幕。iPhone 手机只有两个版本的适配，屏幕物理尺寸保持一致;Android 系统手机及衍生平台手机;Win phone 7 系统手机;Nokia S60 v5，symbian 3等

2.遵循适配原则

手机网站设计虽然具有绝对的优势，但是既定的建设与设计原则还是要必须遵循的，如客户端的logo，在各个手机上都应该清晰地显示;标题或者底部栏必须100%的与手机宽度适配;文字内容如果显示不下的话，可以自动适配宽度进行折行;图片可以根据宽度进行自动缩放，屏幕宽度超过图片本身时，显示图片本身的大小;适配过程中，界面的元素的宽高最小值应该符合用户的主观舒适范围值;不能完全使用分辨率的绝对比例来对界面布局进行缩放等。

手机网站设计难点

客观地讲，手机网站设计难点无疑是对智能手机的创新。很多手机网站设计机构为了避免“山寨”、“抄袭”之嫌，纷纷在合适的时机推出具有一定的微创新技术移动网络终端，同时配以成功的营销，不仅可以发挥移动网络平台载体的的优势，而且还能为企业客户带来意想不到的惊喜。这便是解决手机网站设计难点而带来的效益。

欲了解更多，请点击O2O模式网站。

温馨提示：

如果您在O2O电子商务网页设计、制作、网站建设、实施、维护等方面遇到疑难问题，欢迎联系乾元坤和技术工程师，他们会给您详细的解答，联系方式：13522956919   13522956919。