自從智能手機問世以來，移動市場可謂是突飛猛進，這是大家有目共睹的。大多數(shù)技術(shù)型的站長都明白，沒有他們珍愛的iPhone或Android設(shè)備，他們就不會賺到錢。我們曾給大家介紹過如何設(shè)計一個簡結(jié)的移動互聯(lián)網(wǎng)站，Web站點需要按照這些規(guī)范不斷地進行調(diào)整，才能滿足移動市場的需要。
移動風格的Web站點的需求的增長讓站長們疲于奔命。為了滿足移動設(shè)備的需要，Web站點的布局不得不進行更新，同時，樣式也需要做一定的調(diào)整菜可以。下面，我會談到一些最佳實踐，以及如何重構(gòu)你的站點，讓它對移動設(shè)備來說更加友好。
讓簡單性貫穿始終
無論你使用什么設(shè)備，相對桌面平臺來說，所有的移動硬件都不是按照某些標準來制造的。簡單性是至關(guān)重要的，它可以決定你是留住了你的移動訪問者，還是完全失去了這個市場。
Web站點想成功必須占領(lǐng)移動互聯(lián)網(wǎng)
實現(xiàn)移動樣式表
使用Media Queries
這個全新的功能集是和CSS3和HTML5一起發(fā)布的，它已經(jīng)被添加到CSS庫中了。通過對嵌入外部樣式表的HTML代碼的仔細觀察，我們可以通過CSS選擇器來操作“Media”屬性。
通過定義“max-width”屬性，解析引擎可以檢查用戶在其上顯示一組相應(yīng)的樣式表的那個設(shè)備的寬度。
-
<link href="/css/mobile.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 767px)" /> -
雖然不是必需的組件，但是，你可以考慮把下面這個“meta”標簽添加到你的“header”中。
總是提供一個“正常”模式
經(jīng)過長時間的使用，一些訪問者會把一個移動界面搞得混亂不堪。當這種情況發(fā)生的時候，開發(fā)者總不能去拜托每個訪問者，讓他們自己去整理這個界面吧！
