为每种设备定制列的数量

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

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

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

specify the number of columns

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

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

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

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

结果将如下所示。

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

步骤 2:手动调整间距

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

 

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

Navigate this category

Next articlePrevious

Feedback
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
PageFly Languagues

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

I got it!
Discover the Shopify Invoice Generator by PageFly, a seamless solution for invoicing in your online store. Try it now!