What is responsive webpage, literacy post, and response literacy?

What is responsive webpage, literacy post, and response literacy?

From Baidu

The concept of Responsive Web design is:

Page design and development should respond to and adjust the user behavior and the device environment (system platform, screen size, screen orientation, etc. The specific practice method consists of multiple aspects, including the use of elastic grids and la S, images, and CSS media queries. Whether users are using laptops or iPad, our pages should be able to automatically switch resolution, image size, and related script functions to adapt to different devices; in other words, the page should be able to automatically respond to the user's device environment. Responsive webpage design means that a website can be compatible with multiple terminals, rather than a specific version for each terminal. In this way, we don't have to design and develop special versions for new devices.

 

All Elasticity: through responsive design and development, we can make the page more "ELASTIC. The image size can be automatically adjusted, and the technical layout of the page liquid image will not be damaged. Although there will never be the perfect solution, it gives us more options. Whether you switch the screen orientation mode of the device or switch from the desktop screen to the iPad, the page will be truly elastic. Uses the liquid mesh and liquid image technology, and uses the correct HTML tag in the correct place. Responsive image: The Technical Idea of responsive images is not only to scale images in a year-on-year manner, but also to reduce the resolution of images on small devices. The implementation of this technology requires several related files, which can be obtained on Github. Includes a JavaScript file (rwd-images.js), A. htaccess file, and some sample resource files. The general principle is that the rwd-images.js will detect the screen resolution of the current device, if it is a large screen device, then add the BASE tag to the head part of the page, and direct subsequent image, script, and style sheet loading requests to a virtual path "/rwd-router ". When these requests arrive at the server, the. htacces file determines whether the request needs the original image or small-sized "Response Image" and outputs the corresponding feedback. For mobile devices with small screens, large images of the original size will never be used.