随着智力手机的普及，越来越多的手机用户选择在手机上浏览网页，鉴于目前国内带宽限制及手机硬件及软件的相关局限性，你不可能要求手机用户去浏览一篇布满 大分辨率的图片且有几千文字的文章，这显然是很不明智的选择。因为这使得用户不得不花更多的时间来等待内容加载，有时候甚至加载的时间会超过阅读的时间。所以你需要对你的网站做一些优化工作，以便能更好的适合移动设备用户能很好的浏览你的网站。

流式布局

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

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

没有杂乱的广告

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

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

集中的内容

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

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

出处：李作刚的博客
责任编辑：bluehearts

上一页 下一页 让你的网站更适合移动设备浏览的8个技巧 [2]

◎进入论坛网站综合、网页制作版块参加讨论