網站到手機網站的轉換

Question

我這里有一個簡單的網頁。

如果我想將其轉換為移動網站，應將其轉換為html或類似的內容，以便在使用移動設備打開它時，應該能夠在屏幕上看到整個頁面。

我試圖將其添加到我的html代碼中...

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

移動設備規格 ：任何支持移動設備且目標寬度為320px的網絡瀏覽。 不允許水平滾動。 僅垂直滾動。

您能幫我解決這個錯誤嗎？ 只是用於轉換為移動網站的代碼。 我在網上嘗試了幾種解決方案，但似乎沒有解決。

謝謝！ ：D

Answer 1

我將從刪除該元標記開始……這似乎在干擾用戶放大和縮小頁面的能力，這是不好的可用性。

我想說，如果您要針對移動設備進行優化的站點，則必須重新考慮如何使用CSS。 而不是以像素為單位聲明寬度，而是使用百分比。 移動設備的寬度在橫向和縱向模式之間變化，但是80％始終是80％。

本文將引導您逐步開始為不同的設備寬度設置不同的樣式： http : //www.alistapart.com/articles/sensitive-web-design/