自 2026 年 10 月起，每个 hPage 网站都自动适配移动设备：所有设计都附带移动版布局，无需任何配置。以前的移动设计设置已不再存在。
移动版布局的工作原理
- 在手机和平板电脑上，您的网站以单列显示：页眉、菜单和内容依次上下排列。菜单收起在设计的菜单头部之后，点按即可展开。
- 内容、颜色和字体与桌面版相同。您只需编辑一次页面；无需维护单独的移动版内容。
- 图片、视频和表格会缩小到屏幕宽度。固定宽度的宽表格可以横向滚动。
- 移动版布局适用于比您的设计更窄的触摸屏，以及所有宽度小于 1024 像素的屏幕。使用鼠标且浏览器窗口较窄的笔记本电脑仍保留桌面设计。
在手机上检查您的网站
- 点击侧边栏中的访问网站查看您网站的地址，然后在手机浏览器中打开该地址。
- 没有手机时：在桌面上打开您的网站，并将浏览器窗口缩窄到 1024 像素以下。布局会切换为移动版布局。
- 如果您的手机仍显示旧版本，请重新加载页面。移动浏览器会将页面缓存一段时间。
图片提示
- 您无需为移动设备调整图片大小：图片会自动缩小并保持比例。
- 保持文件较小，以便页面在移动网络下快速加载。上传文件时的图片压缩功能有助于此。
- 避免将重要文字放在图片中：在小屏幕上会难以阅读。请改为以文本形式撰写。
- 在文本左侧或右侧浮动的图片在移动设备上会显示得更窄，以便文本仍能排在旁边。
文本和表格提示
- 撰写简短的段落并使用标题；大段文字在手机上难以阅读。
- 避免在自己的 HTML 中使用固定宽度（例如
width="800"）；请使用百分比或不设置宽度。 - 优先使用宽度为 100% 或不设宽度的表格。固定宽度的表格在移动设备上会横向滚动。
- 非常长的单词和网址会在屏幕边缘被截断换行；空格或连字符能为浏览器提供更好的换行位置。