您的手机是比平板电脑,笔记本电脑或台式机小得多的屏幕,因此您的网页设计利用每个像素都是不可能的。这就是为什么你可以摆脱一个布局,在大屏幕设备上看起来不错,但在手机的小屏幕上可能不然。在本文中,我将与您分享如何为手机优化您的网站。
1. 使用较大的字体。
不要让您的网站访问者眯着眼睛看手机阅读您网站的内容。使用较大的文本,以便即使年龄大的也可以阅读您网站上的文本。
在 WebStarts 中,可以单击以选择文本框。然后,您可以单击字体大小图标,然后使用滑块查找适合您的移动版本的完美大小文本。
2. 放大按钮。
当您在电脑上时,您可以使用鼠标或触控板更好地控制光标。在手机的小屏幕上没有那么多。确保如果你已经放置了需要点击的人,他们足够大,不必四处寻找。按钮,图标,文本超链接,它们都应该很大且明显。
3.只包括最重要的东西。
由于屏幕很小,因此不要用不重要的内容浪费空间。坚持人们期望在您的网站上找到的东西,仅此而已,仅此而已。
在 WebStarts 中,可以通过选择内容并单击隐藏图标来隐藏内容。这不会从您网站的桌面版本中删除它,只会从移动版本中删除它,并且可以同样快速地将其取消隐藏。
如果要在WebStarts中向移动版本添加内容,则必须通过桌面视图完成。当您在那里添加设计精灵时,切换到移动视图,您将在侧边栏的“隐藏”部分下找到设计元素。您可以将其拖动到您希望在页面上显示的位置。
4. 将移动版本设为默认版本
完成移动布局后,您将希望当有人通过手机访问您的网站时,默认情况下会显示它。为此,请单击“设置”,然后将切换开关移动到显示“显示移动视图”的启用位置。之后,请务必单击工具栏上的“保存”图标以保存并发布更改。