流式布局

　　让您的网站液体宽度布局是使您的网站朝着对移动设备友好的重要一步。它不仅摒弃了你的网站周围的多余的死空间，他还可以使之在许多不同平台和分辨率下查看。那么究竟流体宽度是什么意思呢？

　　流体宽度，顾名思义，就是您的网站可以根据浏览器的大小伸展活着缩放宽度。它实施的容易程度取决于您的当前设置和布局。如果你有一个简单易用的布局，修改变CSS样式表中的宽度属性为以百分比来达到其效果是你唯一要做的。

　　没有杂乱的广告

　　杂乱的广告是移动平台上的重大问题上，即使网页原本的布局没有被破坏，最终用户看到的广告可能比内容还多。有一个简单的修补程序来隐藏这混乱的现象而不必创建一个特定版本的移动网站。你也可以创建针对手持设备的css样式表，通过判断终端的分辨率大小来调用。

　　无论你使用一个，你应该永远记住，大多数手持移动设备有实际情况的限制，这意味着屏幕尺寸只能容纳很少一些东西，这极少的东西就是访问您网站的用户希望看到的那部分内容。

　　集中的内容

　　集中你的内容是因为这使移动设备的用户立即看到关键部分。很多针对移动设备的网站的往往会粘在了很多不必要的混乱的东西，例如图像或广告，但由于网站管理员必须了解，展示访问者最关心的内容才是重点。

　　如果用户是从手机访问您的网站并没有连接到有线网络上，带宽受到一定的限制，这意味着用户将选择他或她想要访问的网站，而不是他们访问那些在桌面上的网站。

　　这意味着，你需要确保你的网站在利用手机浏览占用少量的带宽，这意味着图像应该是有限的，并且文字内容应为重点。假使您的网站是内容是基于图像的呢？

　　如果你的网站主要是基于图象，你的第一要务是建立一个独立的移动网站，针对移动平台进行优化——通过降低图像的大小和高度压缩。一种替代方法是创造适用，允许第三方应用程序的移动设备的移动应用（app），这对为您的用户来说可能是一个有用的工具。