Responsive layout Design

Responsive layout Design

First, the layout is unchanged

1, the layout is unchanged, the content of the module extrusion, contraction (flow layout)

2, the layout is unchanged, the contents of the module in line tile

3, the layout is unchanged, the content of the module is deleted and added.

Second, the layout changes

1, layout change, module position change.

2, layout change, module display mode change.

3, the layout changes, the number of modules changed.

In many cases, a single-mode layout response does not satisfy the desired effect and requires a combination of multiple combinations, but in principle it is as simple and lightweight as possible, and maintains uniform logic within the same breakpoint (the tipping point of the layout change is called a breakpoint). Otherwise, the page is too complex to implement and can affect the overall experience and page performance.

Responsive layout Design