移動網站轉換網站

Question

我有一個簡單的網頁here。

如果我想將它轉換成手機網站，應該在我的html或什麼東西上，當我用手機打開它時，我應該能夠在屏幕中看到整個頁面。

我嘗試添加這對我的html代碼...頭

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/> 

手機規格：任何網頁瀏覽支持移動和我的靶向一個320px的寬度。不允許水平滾動。只有垂直滾動。

你能幫我修復這個bug嗎？只是轉換到移動網站的代碼。我在網上嘗試了一些解決方案，但似乎沒有解決。

謝謝！ ：D

Answer 1

我會先把meta標籤關掉......它似乎在混淆用戶放大和縮小頁面的能力，這是糟糕的可用性。

我想說，如果您打算爲一個針對移動設備優化的網站，您將不得不重新考慮如何使用CSS。而不是以像素爲單位聲明寬度，請使用百分比。移動設備寬度在橫向和縱向模式之間變化，但80％始終爲80％。

本文將引導您瞭解如何針對不同設備寬度開始設置不同樣式：http://www.alistapart.com/articles/responsive-web-design/