DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 制作手機上浏覽的網頁心得
制作手機上浏覽的網頁心得
編輯:前端技巧     
考慮到現在很多人使用智能機,所以手機網頁的寫法基本和普通的網頁制作差不多。

      手機頁面的寬度最好控制在240px以內,因為這樣可以在不移動屏幕的情況下進行一系列的操作。我們公司的這個項目用了一張背景圖片,大小為240*420。這樣其實也有一個壞處,我必須讓每個頁面的高度控制在420裡面,不然超出的話,就很難看了。

      無論是普通的手機或者智能機,似乎都不太支持js。類似<a href="javascript:history.back()">和"alert()"都不支持。另外,手機對“<input type="button">”的樣式支持不是太好,同樣的代碼在浏覽器上和手機上有一定的寬度差距,在給定寬度的情況下。所以我的建議是能不用按鈕,就不用按鈕,可以用文字的超鏈接形式代替,或者也可以考慮使用小圖標。

      列表頁面最好用table,不要用ul li,或者p+空格,一方面是排版,一方面是如果某一列的元素過長,可以使用“table tr td{word-break:break-all;}”,而另外兩種方案只能截取字符串了,當然從我的角度出發,截取字符串可能是一個不錯的選擇,因為我的那些頁面高度都定死了。

      大圖片的存在還是有一定的必要,比如說像導航圖,會給人一種炫麗的感覺,但是圖片也不能過大,一定要控制在10K以內。我們公司的導航圖就采用了類似聯想手機的一個頁面,如下:

      手機網頁的細節可能遠沒有普通網頁制作來的多,至少它只要在手機頁面裡面通過就行了,不用什麼IE6 7 8 或者其他的一些浏覽器,但是要把它做得好看,還是需要花一定的心思的。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved