为每种设备定制列的数量

在本文中,您将了解到如何为移动设备自定义PageFly页面,使每行具有任意数量的列。

具有响应式设计的标准页面

让我们看一个示例,其中我们有1行6列的页面布局。

specify the number of columns

切换到移动设备模式后,您会看到这些列垂直排版。

那么,如何使移动页面布局具有2行,第一行包含2个列,第二行包含4个列呢?

第一行有2列,第二行有4列的移动设备布局

步骤 1:在列中,点击加号按钮

结果将如下所示。

请注意,如果使用此步骤,则只需要2个列即可。

步骤 2:手动调整间距

您可以手动调整列间距使得在第一行有2个列,在第二行有4个列

 

如您所见,PageFly可以帮助您在不同设备上构建任何所需的页面布局。 这样,更好的客户体验提高转化率。

Was this helpful?

Try out all PageFly features with Free plan

.myshopify.com
Don’t have Shopify store yet? Create store
×

PageFly Help Center is now available in French, Portuguese and Chinese.Please check the flags on the page header.

I got it!
Languages