因为手机端的设备的屏幕比较小，分辨率不同，所以为了能更好的显示网页的内容，手机端网页就必须去适应各种不同的分辨率，手机端网页的版式和电脑跟网页是有着很大区别的，他们主要区别是在于栅格系统功能减去修饰减去和流式布局4个方面。

（1）栅格系统

这个系统就是通过一系列的行与列的组合来管理页面布局的栅格系统，不仅可以让网页的信息去呈现的更加美观易读，更具有可用性，还可以让他们的网页使用的更灵活和规范。

电脑端的网页和移动端的网页的栅格系统他们是不同的。

（2）功能减去

由于手机端的设备屏幕比较小，所以一般会减去电脑端网页一些不太重要的功能，并设置相应的链接，让他们在其他页面进现实。

（3）修饰减去

面对相对于来说，小的屏幕在功能减少的情况下修饰也是要必须减少的，在电脑端中可以显示的加强视觉效果的一些设计，在移动端就要去掉。

一般的情况下来说，电脑端的设计主要是满足功能，还要考虑排版的设计，通过合理的图片和文字布局，去加强用户的感官。

（4）流式布局

电脑的那页面的布局通常是固定的，这种固定式的布局在转向移动端的时候，因为屏幕上的变化就会出现，每个版面上虽然整齐，但是下面有镂空的现象，这样就会使得视觉效果很不美观。