现在的网站建设不仅要做好电脑端设计，手机端设计也是不可忽略的，甚至更为重要。手机网站由于屏幕尺寸的限制，可显示内容要比PC屏幕少得多。在手机网站设计中，若直接把所有内容在一屏内显示，会使界面混乱不堪，给用户极差的使用体验。那么手机网站该如何进行建设布局呢？下面介绍几种常用的布局设计给大家学习参考。

　　上下布局

　　上下布局是最常用的布局之一。上下布局指的是将页面内容完全由上到下依次排列。手机屏幕一般是列表竖屏显示的，文字是横屏显示的，因此上下排列可以包含比较多的信息。列表长度可以没有限制，通过上下滑动可以查看更多内容。上下布局在视觉上整齐美观，用户接受度很高，常用于并列元素的展示，包括目录、分类、内容等。

　　左右布局

　　左右布局也是手机网站建设常见的一种布局，但比上下布局要复杂一点。这里的左右布局并不是说完全界限分明的左右布局，而是每一排都会有分栏，而不是像上下布局那样由上到下。一般来说，左右布局只会分成两栏，因为超过了两栏的布局会导致页面在缩放过程中产生变形。

　　抽屉式布局

　　这种布局按字面意思看就像一个抽屉，很像竖屏排列的TAB，可以展示更多的信息量，操作效率较高，适合分类和内容都比较多的情形。它的不足是界面比较拥挤。抽屉式布局常见于PAD终端，手机网站上也会用到。

　　以上就是手机网站最受欢迎的三种布局类型，在网站建设中不管哪个方面的设计都要从用户的角度出发去设计，避免设计出影响用户使用体验的手机网站。