Responsive Web Design Best practices

There are 2 types of responsive design:

Response Type one: small size, large-size equipment display content, the structure is not much difference, layout difference is not small (just the number of places and the problem only).

Response type two: small size equipment and large-size equipment show the content structure is very different, layout differences, HTML structure changes, such as Tmall.

For the above 2 cases, different responsive designs are used

REACTIVE solution:

1, shared unified set of HTML

2. Use media query to load different CSS styles: small.css, large.css. Among them, Small.css and large.css are respectively responsive

3, picture resource dynamic load save traffic: use Data-src-small and Data-src-large

Responsive Two solutions:

Mobile terminal set, PC-side set. Self-adapting in their own field respectively.

Responsive Web Design Best practices