自從智能手機問世以來，移動市場可謂是突飛猛進，這是大家有目共睹的。大多數技術型的站長都明白，沒有他們珍愛的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界面構建最佳實踐，轉載需保留來源！
        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。