移动互联网的不断发展，在为企业带来了机遇同时也带来了挑战。企业纷纷开始从电脑版的网站建设转移到手机网站建设，而且就目前的移动互联网的发展情况来说，手机网站的建设比之前要多得多。但是手机网站在开发中，与电脑版的网站还是有区别的。因此，在建设手机网站的过程需要一些特殊的处理技术，这样手机网站才可以在手机终端正常显示。那么怎么制作手机网站呢？下面就一起来分析一下吧。

第一、手机网站中的页面都要使用自适应宽高。因为用户使用的手机屏幕尺寸具有很大的差别，如果在不同手机中浏览同一个页面的话，网站中的元素所展示的大小也是不一样的。屏幕越小，那么在高度的显示上就要提高高度的适应性，否则会将下面的元素覆盖住，布局就会显得混乱。

第二、网站设计中的元素之间在布局上应该要以百分号为单位。在传统的电脑网站上，元素之间的定位是用PX，而页面的布局一般都是采用整体居中的方式，而内部的元素是整体居中宽度并且使用像素定位的。但是这种方式就不适合手机网站的建设。如果在手机网站设计中，只可以使用400PX宽度的，那么网站中的某一个元素超出了400px，那么用户在浏览页面的时候就会出现滑动的操作，显然这种布局是不利于手机网站的。

第三、善于运用网站的最大值以及最小值。最大值以及最小值的设定在手机网站建设中显得异常重要。因为设置好网站的最大值之后，在尺寸不同的屏幕中，网站都可以100%全屏显示。例如设定的最大值是460px，那么当网站中有些元素的宽度超出了460px，那么就会以460px宽度显示，自动调整整个网站的尺寸。

第四、字体的选择到底是选择系统自带的还是自定义的呢？传统电脑版的网站在建设的时候可以选择自定义字体的，但是这只是支持一些浏览器。因为有些浏览器或者是版本没有升级都不支持自定义字体的。但是手机就不一样，手机浏览的开发采用的是HTML5+css3，这样就可以任意用户使用字体。但是想要达到自定义字体，就要先下载这种字体，才可以正常显示，不过这对网站的加载速度有一定的影响。

第五、矢量图以及位图之间的选择。矢量图是可以随意放大以及缩小的，而且不会失真。如果色彩不多的话，矢量图比位图所占的空间比较小。但是色彩丰富的图片，矢量图的空间就非常大了。如果是一些普通的图片完全可以使用位图的形式。

以上五个方面就是手机网站建设要注意的事项，站长有需要可以参考一下。