在手機端（移動端）進行靜態網頁的製作，主要考慮不同手機相容性的問題，需要達到在不同型別的手機上，網頁都能有乙個良好的展示效果。為了達到這個效果，我們在寫靜態網頁時需要注意幾個問題。
1 viewport的使用
簡單來講，viewport就是移動裝置上用來顯示網頁的那部分區域。由於不同型號的手機解析度各不相同，我們需要對它進行統一設定，也就是把解析度設為乙個相同的值，這就用到viewport。
這句話的意思是根據手機的螢幕尺寸設定乙個viewport。這是響應式布局乙個非常關鍵的設定。
參考資料
2 media的使用
media查詢是css3的特性，用於判斷移動裝置，然後書寫不同的樣式，達到在不同的裝置上有基本一致的顯示效果。典型**
@media screen and (max-width: 600px) and （min-width：320px）
}參考資料
3 百分比寬度的使用
配合浮動設定，對一行的多個元素的布局，用百分比來設定寬度，距離。需要把握的一點是總的寬度不要超過100%，不然會自動下調。
4 字型大小的處理
書寫移動端網頁，對於字型的處理是很重要的一項內容，有多個方法可以達到不同尺寸的手機顯示合適的文字大小，暫時想到的有3個方法。
（1）用media特性，我們可以針對不同尺寸的手機，設定合適的字型大小。
（2）使用百分比設定文字大小（相對於自己的大小）。
（3）使用em為單位設定文字大小。
關於px與em的說明
參考資料
5 jquery mobile的使用
jquery mobile 是乙個用於建立移動端web應用的的前端框架。使用jquery mobile可以節約開發時間，提高開發效率。jquery mobile依賴jquery和jquery ui，所以使用jquery mobile的時候，要先引入jquery。這部分內容比較多，大家可以參考教程進行學習使用
參考資料
6 字型的處理
設定字型使用font-family。為了保證瀏覽效果，一般都要對font-family進行設定，但手機支援的中文字型很有限，比如比較常用的微軟雅黑，手機是不支援的。關於字型的解決辦法，乙個是利用@font-face，將字型庫放到伺服器上，然後使用者訪問時，呼叫字型庫，優點是可以使用所有字型，缺點是需要流量，訪問速度也會變慢。如果對字型要求不是很高的話，中文字型我們可以不設定，就使用手機的預設字型。
我們在實踐中使用預設字型，效果和使用微軟雅黑沒有明顯區別，字型比較大的時候，會出現加粗的效果。如果想去掉加粗的效果，就需要在預設字型的基礎上進行改進，設定font-weight: normal;，這樣可以去掉粗體效果。
參考資料
WEB前端開發 WAP頁面製作需要注意的幾點
1.遵循 html 頁面的編寫規則 2.新建的時候注意文件型別 xhtml mobile10.dtd 3.特殊的meta標籤 網頁手機wap 2.0網頁的head裡加入下面這條元標籤，在手機瀏覽器中頁面將以原始大小顯示，並不允許縮放。width viewport的寬度 height viewport...
安裝DirectAdmin時需要注意的幾點
之前一直在用webmin virtualmin，不過都是自己程式設計客棧乙個人用，不涉及安全 易用等問題 現在開了伺服器，準備讓大家用，貌似webmin virtualmin就不怎麼給力了，在價效比之間平衡了10分鐘，最終選擇了directadmin 以下簡稱da 我接觸linux的時間不算長，算是...
移動端開發需要注意的幾點
1.移動端有自己獨有的mata屬性，這個在之前的隨筆中有寫到，在這不再多說 2.在專案開發中經常會遇到排列布局的情況，最好不要用浮動去布局，可以直接用display inline屬性達到想要的目的 3.為了提公升使用者體驗，盡可能的把每條資料都放到乙個a標籤內，保證使用者的可點區域較大 4.自適應布...