Self-adapting screen size issues

/* big screen */

@media (min-width:1200px) {...}

/* Resolution between Tablet PC and small screen pc */

@media (min-width:768px) and (max-width:979px) {...}

/* Resolution between horizontally placed phones and vertically placed tablets */

@media (max-width:767px) {...}

/* Horizontally placed phones and devices with smaller resolution */

@media (max-width:480px) {...}

As a developer, you can write a changed CSS style in a different screen range when you are adapting to the different effects of various screens.

Self-adapting screen size issues