"CSS Framework" Prue for Adaptive and responsive

What is responsive and adaptive?

1 , Responsive: Styles change depending on screen size, different styles for the same page device 2, Adaptive: Regardless of screen size, the page style ratio is unchanged

Responsive and adaptive how to layout?

There is no way to talk about responsive and adaptive Css3 before CSS3. (I know a few) 1 , Media inquiries 2 , using percent layout 3 , REM 4. CSS Framework (Bootstrap, JQuery Mobile, Pure ...) ）

1 , media query      @media all and (screen width) {                                style sheet                              }2, using percent layout       width:%;  3.rem       body{font-size:%;}4, CSS Framework (Bootstrap, JQuery Mobile, Pure ...) )        specifically talk about the next pure

Pure: purified, clean. Pure is from Yahoo. Although pure is not as bootstrap as the UI effect, pure is a purely CSS implementation, so it is very small and only about 5.7k (Conservative) when the framework is compressed.

Pure features:

1 , the biggest feature is that the framework is based on pure CSS, without any JavaScript code,   rendering speed is relatively fast.  2, produced by Yahoo, technology should not have too big problem.  3, the frame is very small, only 5.7k after compression.  4, the components are also very rich, including tables, forms, buttons, navigation and so on.  5, the CSS class is very simple to identify, so in the process of using pure, the code will be more friendly.  6, only provide layout, no superfluous style obstruction

Pure website: https://purecss.cn/

"CSS Framework" Prue for Adaptive and responsive