Create responsive layouts-mobile first

1. Screen grouping:

A:0-479px Small

B: in 480-959px

C:960-1399px Large

D:1400px+ Extra Large

2, in general, the display size and resolution is worth the relationship:
14inch picture Tube(CRT)Display800x600
17inch LCD orCRTDisplay1024x768
19inch LCD Monitor(Pu) 1280x1024
19inch LCD Monitor(Widescreen) 1440x900
20inch LCD Monitor(Widescreen) 1600x900
22inch LCD Monitor(Widescreen) 1680x1050
24inch LCD Monitor(Widescreen) 1920x1200

General computer screen resolution 1920x1080, 1366x768,1440x900,1600x900

3. List of common methods for displaying menu buttons:

A: "Hamburger", also known as multi-line menu

B: Text menu, consisting of text with or without a border

C: Various icons or shapes

D: Combination of icons and text

4, when the picture from the large screen to small screen, or from the small screen to large screen, the picture quality will change, the text will become blurred image

Create responsive layouts-mobile first