自从智能手机问世以来，移动市场可谓是突飞猛进，这是大家有目共睹的。大多数技术型的站长都明白，没有他们珍爱的iPhone或Android设备，他们就不会赚到钱。我们曾给大家介绍过如何设计一个简结的移动互联网站，Web站点需要按照这些规范不断地进行调整，才能满足移动市场的需要。

　　移动风格的Web站点的需求的增长让站长们疲于奔命。为了满足移动设备的需要，Web站点的布局不得不进行更新，同时，样式也需要做一定的调整菜可以。下面，我会谈到一些最佳实践，以及如何重构你的站点，让它对移动设备来说更加友好。

　　让简单性贯穿始终

　　无论你使用什么设备，相对桌面平台来说，所有的移动硬件都不是按照某些标准来制造的。简单性是至关重要的，它可以决定你是留住了你的移动访问者，还是完全失去了这个市场。

 
Web站点想成功必须占领移动互联网

　　巨大的图形，视频，和过宽的页面内容一定会让访问者们望而却步的。当本次任务可以获得某些类型的信息的时候，访问者才会停留在你的Web站点上。他们希望可以在干扰较少的情况下，尽快地找到他们需要的信息。

可以尝试重新设计你的页面菜单的结构，然后为你的内容设计一个不同的布局。通常，对于一个优秀的移动界面的布局来说，一个单一的列就已经足够了。商标和重要的链接应该放在页面的最顶部，因为这是最经常访问的区域。

　　实现移动样式表

　　CSS是一门伟大的语言，主要用于编辑和添加新样式。字幕“C”是“cascading”的缩写，这意味着你可以在一个文件里应用样式，你也可以通过一个新文件导入或反复地更新一些属性。这为详细的定制提供了一个环境，同时，还提供了一些强大的模板。

 
手机上的CSS语言

　　设计新样式规则的过程并不是很复杂。实际上，它只要和重新设计整个HTML结构的任务配合的恰到好处就可以了，在这方面，无需花费过多的精力。下面是一个CSS导入代码的例子，它应用了2个不同的样式表。

   1. @import url("/css/styles.css");  
   2. @import url("antiscreen.css") handheld;          

        

        
        
      
        
it知识库：移动Web界面构建最佳实践，转载需保留来源！
        
郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。