1. Common layout on mobile devices

1.1. Mobile terminal is made separately

  • Streaming layout (percentage layout)
  • Flex Flex Layout (highly recommended)
  • Less + REM + Media query layout
  • Hybrid layout

1.2. Response type

  • Media queries
  • bootstarp

1.3. Recommended

Suggestion: We choose one main technology type selection, and other technologies as auxiliary, this kind of mixed technology development

2. Streaming layout:

  • Streaming layout, also known as percentage layout, is also known as non-fixed pixel layout.
  • The width of the box is set as a percentage to scale according to the width of the screen, not limited by fixed pixels, and the content is filled to the side.
  • To protect the content within reasonable limits
  • Streaming layout is a common layout used in mobile Web development.
  • Max-width Maximum width (max-height maximum height)
  • Min-width Minimum width (min-height minimum height)