如何在不影响桌面的情况下在移动设备上放大图像

以下方法本质上创建 为桌面和移动视图提供单独的图像元素，让您可以单独自定义每个选项。有关更多信息，请参阅 本文.

步骤 1：复制图像部分

• 在 GemPages 编辑器中，找到您想要修改的图像。
• 单击图像将其选中。
• 使用 复制 函数创建此图像的副本。此副本将用于移动版本。

步骤 2：配置可见性设置

对于原始（桌面）部分

• 选择原始图像并导航至 先进的 左侧边栏中的选项卡。 
• 在下面 显示在 部分， 关闭 这个 坚固型平板电脑 金益辉 电话 意见。

此设置将使该部分 仅在桌面设备上可见.

对于重复（移动）部分

• 选择重复的图像并导航至 先进的 左侧边栏中的选项卡。 
• 在下面 显示在 部分， 关闭 这个 桌面 金益辉 坚固型平板电脑 意见。

此配置确保了部分 仅出现在移动设备上.

• 完成后，图像将从编辑器中隐藏，因为您当前处于 桌面 视图。在顶部栏的左角，将视图切换为 电话.

步骤 3：调整移动设备的图片大小

• 切换到移动视图编辑器后，单击图像以访问其设置并向下滚动到 尺寸 部分。

• 你可以选择 车架 并增加 宽度/高度 将移动视图中的图像值调整为您所需的尺寸。

有关更改图像大小的更多详细信息，请参阅 本文.

步骤 4：预览和测试

• 使用 GemPages 编辑器顶部的设备预览图标在桌面视图和移动视图之间切换。

• 确保图像在两个版本上都能正确显示：桌面上的原始尺寸和移动设备上的放大尺寸。
• 进行必要的调整 填充、边距或其他样式设置以在每个设备上实现所需的外观。

欲了解更多关于芝加哥艺术学院 响应式网页设计 以及 GemPages 中的可见性设置，请参阅 本文.