Dynamically Determining Arrangement of a Layout

摘要

Some embodiments provide a method for rearranging a content layout. The method receives a first layout that includes content elements arranged across a first set of layout sections having a first number of sections, each of which has a same first width. The first layout defines a first margin width on either side of the layout and a first gutter width between the sections. Based on an available display width, the method determines a second gutter width and second margin width for a second layout based on the first layout. The method dynamically calculates a second number of sections in a second set of layout sections for the second layout based on the available display width, second gutter width, and second margin width. Each section of the second set has a same second width. The method rearranges the elements into a second layout that spans the second set of sections.

主权项

1. A method for rearranging a content layout, the method comprising:
receiving a first content layout comprising content elements arranged across a first set of vertical layout sections comprising a first number of vertical layout sections, each vertical layout section of the first set having a same first section width, wherein the first content layout defines a first margin width on either side of the layout and a first gutter width between the vertical layout sections; based on an available display width for the content layout, determining a second gutter width and second margin width for a second content layout based on the first content layout; dynamically calculating a second number of vertical layout sections in a second set of vertical layout sections for the second content layout based on the available display width, second gutter width, and second margin width, each vertical layout section of the second set having a same second section width; and rearranging the plurality of content elements into a second content layout that spans the second set of vertical layout sections.