(1) 分析網站, 刪減冗余內容。根據移動終端設備受網絡和屏幕尺寸限制的特點, 其瀏覽的網頁應是很精簡的。這就要求我們對原有PC網站進行分析, 舍棄頁面中起修飾修飾作用, 以及次要的內容, 保留頁面的核心內容。
(2) 編寫適合于移動終端顯示的樣式表。精簡網站的內容之后, 即可編寫適合移動終端瀏覽的CSS樣式表。編寫時需注意兩個要點:其一, 對于舍棄的內容, 可通過display:none屬性值對進行設置, 將其隱藏掉;其二, 用于布局的div模塊, 寬度都使用百分比進行設置, 實現自適應寬度的流體布局。
(3) 根據客戶端屏幕尺寸大小, 自動應用樣式表。在網頁頁頭中的link標簽, 使用CSS3的media query設置功能, 讓頁面能根據不同設備屏幕尺寸, 自動加載對應的樣式表。