度 将最大宽度设置为

我们的 元素去哪儿了？ 移动响应图像在移动设备上消失 文本元素似乎在移动编辑模式下消失了。 元素实际上还在那里；它只是被左边的大边距推离了屏幕。 因此，在设置 和 时避免使用大像素数是很重要的。您可以改用两种解决方案。 解决方案 ：使用最大宽度和对齐方式 这种方法不仅可以实现相同的外观，而且可以很好地转换为较小的屏幕尺寸。让我们看看它是如何完成的： 步骤 设置元素的最大宽度。在此示例中，我们希望该元素占据页面宽度的大约 。

选择元素的对

选择文本元素后，导航到布局和位置选项卡。 在 宽度 下，选择 最大 。 将单位更改为百分比。 输入百分比数量。在本例中，我们将选择 。 使用百分比的最大宽的文本元素。 步骤 药房电子邮件列表 齐方式。在这 个例子中，我们将元素右对齐。 选择文本元素后，导航到布局和位置选项卡。 在对齐下，选择 右对齐 按钮。 右对齐按钮 这就是它的全部！让我们在平板电脑和移动设备视图中查看该元素，看看该解决方案。

即使我们为左边

如何适用于较小的屏幕尺寸： 使用最大宽度和右对齐的移动响应 元素在平板电脑和移动设备上看起来好多了。 解决方案 ：使用百分比而不是像素 您可以不使用像素作为度量单位，而是改用百分比来快速轻松地进行修复。因为百分比是一个相对单位（而不是 DY线索 绝对单位），所以距输入一个相当大的数字，该测量值也会随着页面缩放。 让我们从 像素的左边距开始。 移动响应 巨大的填充数字 左边距设置为 像素的文本元素。 现在，让我们简单地将像素单位更改为百分比。