Selection of mobile terminal technology

  1. Create a separate mobile page
  • Streaming layout (percentage layout)
  • Flex Flex Layout (highly recommended)
  • Less + REM + Media query layout
  • Hybrid layout
  1. Responsive pages are mobile compatible
  • Media queries
  • bootstrap

Streaming layout (percentage 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 shrink according to the width of the screen, not limited by fixed pixels, and the content is filled to the side
  • Streaming layout is a common layout used in mobile Web development
Max-width: maximum width; Min-width: minimum width; Max-width: maximum height; Min-width: minimum height;Copy the code