What do you mean, responsive Web pages, literacy posts?

Excerpt from Baidu

The concept of responsive web design (responsive) is:

Page design and development should be based on user behavior and equipment environment (System platform, screen size, screen orientation, etc.) to respond and adjust accordingly. The concrete practice way is composed of many aspects, including elastic grid and layout, picture, CSS Media query use and so on. Whether the user is using a laptop or an ipad, our pages should be able to automatically switch resolution, image size and related scripting functions to suit different devices, in other words, the page should be able to automatically respond to the user's device environment . Responsive web design is that a website can be compatible with multiple terminals--not a specific version for each terminal. In this way, we do not have to do special version design and development for the new equipment that is coming.

All elasticity: We make the page more "resilient" through responsive design and development ideas. The size of the picture can be automatically adjusted, the page liquid picture technology layout will not be destroyed. Although there is never a perfect solution, it gives us more choice. The page is truly resilient, whether the user switches the device's screen orientation or goes from the desktop screen to the ipad. Using the liquid grid and liquid picture technology, and the correct HTML tag is used in the right place. Responsive picture: Responsive picture Technology idea: not only to scale the picture, but also to reduce the resolution of the image on the small device. The implementation of this technology requires the use of several related files that we can get on GitHub. Includes a JavaScript file (Rwd-images.js), a. htaccess file, and some sample resource files. The general principle is that Rwd-images.js detects the screen resolution of the current device, and if it is a large-screen device, adds a base tag to the head section of the page and directs subsequent picture, script, and stylesheet load requests to a virtual path "/rwd-router". When these requests arrive on the server side, the. htacces file determines whether the request requires a raw picture or a small "responsive picture" with the appropriate feedback output. For small screen mobile devices, large images of the original size will never be used.

What do you mean, responsive Web pages, literacy posts?