网站搭建

移动端 | 🛠️

详解 Cargo 网站的移动端适配和响应式设计

Cargo 中文网用户福利

我们为中文用户整理了 Cargo 会员折扣购买方案,适合准备订阅或续费 Cargo 的用户。

查看 Cargo 会员优惠

移动端

所有 Cargo 站点均支持桌面电脑的横屏模式与移动设备的竖屏模式。

您可以在“移动预览”中调整移动端设置——点击顶部菜单栏中的手机图标或按下 ⇧⌘X 可以在桌面预览和移动预览之间切换。

移动端设置

  • 缩放

按比例调整站点上所有元素的大小。

  • 内边距偏移

按比例调整页面、列以及图库的内边距。

  • 字体

为站点上任何文本样式设置特定的字体大小。

  • 禁用边框

消除站点边框和页面边框,适用于默认页面设置本地页面设置

  • 最大化页面宽度

强制站点上所有页面的宽度为 100%。

  • 最大化图片宽度

强制站点上所有图片的宽度为100%。

每组列均可针对移动端进行调整。

在移动预览模式下,将鼠标悬停于列上并点击蓝色“列”按钮,即会弹出设置菜单,您可在此调整间隙大小,并切换“垂直堆叠列”选项,使各列垂直排列。

图库和缩略图索引

每个图库和缩略图索引都可以针对移动设备进行调整。

在移动预览模式下,将鼠标悬停于元素上并点击蓝色按钮,即可调出设置菜单,您可在此调整各图库模式下的移动选项,如列数、间隙及对齐方式等。

主页

主页是访客首次进入站点时所展示的页面。您可以指定是将同一个页面用作桌面版和移动版的主页,还是分别为它们设置不同的页面:右键点击页面,选择“设为主页”。

置顶页面

您可以将页面置顶,使其在整个站点或指定集合中的所有页面均显示。置顶页面可以配置为仅在桌面端显示、仅在移动端显示,或两者都显示。这在移动设备上展示不同导航菜单时尤为有用。详细了解置顶功能