手機html網頁和電腦上的html網頁在製作上有什麼區別？

01-14

麻煩在工具、代碼等方面詳細說明，謝謝！

在工具上，手機版網頁和電腦版網頁沒有什麼區別，可以根據自己的喜好。我是喜歡用Dreamweaver的，而且Dreamweaver cs6有個多屏預覽的功能，可以很方便的預覽手機、平板、PC端的效果。不過Dreamweaver 挺大的，還有很多比較快比較好的編輯器，比如EditPlus，這還是看個人的習慣和喜好了。

推薦一個編輯器sublime text，我自己覺得超好用。

在代碼方面的話：

首先得加上這樣的一行。設置寬度、高度、是否能夠縮放。

然後，主要是要考慮適配。

比較好的是做到自適應。這個可以搜一下，我記得月光博客裡面就有篇很詳細的。其次，可以用

@media only screen

and(min-device-width : 320px) and(max-device-width : 480px){

}

來對不同像素的屏幕寫不同的樣式。可以看下知乎的登錄頁面，用的就是@media。

再然後要考慮的是用戶體驗。簡單的拿個鏈接來說，在PC端因為有滑鼠，很容易點到。可是手機端就不一樣，就幾個字的鏈接很難點到，所以就要擴大點的面積。這就是為什麼會出現電腦版的網頁和手機版網頁。

其實做手機版的網頁有個好處就是可以大量的使用HTML5和CSS3，這樣能做出很多效果。

前智能手機時代，還是有很大的區別的，不過現在開發的話，已經沒什麼區別了，基本上你不需要知道歷史了。

區別不大

手機相比性能更差，需要著重照顧

& & & & &歷史病歷& & & & && & & 只有一個div，可是在手機上顯示時總是有一段間距，請問怎麼解決？

網路方面不太懂有一個問題如果我已經做好了一個電腦網站怎麼很快把他移值到手機上在遠基礎上修改尺寸就好了嗎還是有更快的方法？求給為解答

同一個網站可能有手機版和電腦版只是設計的框架不同手機html網頁版式適應於手機屏幕。電腦html網頁手機登入也沒什麼大問題，比如有些手機瀏覽器可以自動適應屏幕