您的手機是比平板電腦,筆記本電腦或臺式機小得多的屏幕,因此您的網頁設計利用每個像素都是不可能的。這就是為什么你可以擺脫一個布局,在大屏幕設備上看起來不錯,但在手機的小屏幕上可能不然。在本文中,我將與您分享如何為手機優化您的網站。
1. 使用較大的字體。
不要讓您的網站訪問者瞇著眼睛看手機閱讀您網站的內容。使用較大的文本,以便即使年齡大的也可以閱讀您網站上的文本。
在 WebStarts 中,可以單擊以選擇文本框。然后,您可以單擊字體大小圖標,然后使用滑塊查找適合您的移動版本的完美大小文本。
2. 放大按鈕。
當您在電腦上時,您可以使用鼠標或觸控板更好地控制光標。在手機的小屏幕上沒有那么多。確保如果你已經放置了需要點擊的人,他們足夠大,不必四處尋找。按鈕,圖標,文本超鏈接,它們都應該很大且明顯。
3.只包括最重要的東西。
由于屏幕很小,因此不要用不重要的內容浪費空間。堅持人們期望在您的網站上找到的東西,僅此而已,僅此而已。
在 WebStarts 中,可以通過選擇內容并單擊隱藏圖標來隱藏內容。這不會從您網站的桌面版本中刪除它,只會從移動版本中刪除它,并且可以同樣快速地將其取消隱藏。
如果要在WebStarts中向移動版本添加內容,則必須通過桌面視圖完成。當您在那里添加設計精靈時,切換到移動視圖,您將在側邊欄的“隱藏”部分下找到設計元素。您可以將其拖動到您希望在頁面上顯示的位置。
4. 將移動版本設為默認版本
完成移動布局后,您將希望當有人通過手機訪問您的網站時,默認情況下會顯示它。為此,請單擊“設置”,然后將切換開關移動到顯示“顯示移動視圖”的啟用位置。之后,請務必單擊工具欄上的“保存”圖標以保存并發布更改。