html5 - css 响应式布局？

Question

1、目前，除了H5提供的媒体查询,vh、vw实现响应式布局；
2、使用类库中的bootstrap,foundation.css实现响应书布局；
还有其他的css3 API方法么？

谢谢。

Answer 1

1. Responsive layout can be realized using only CSS2.0; responsive layout is a conceptual framework, not a specific implementation;
2. Responsive layout not only makes different terminals look "the same", but also allows different terminals to look the same. Not "different"! As mentioned in the previous paragraph, the PO owner has regarded responsive layout as a specific implementation, rather than a conceptual framework; just like web2.0 back then, a table had to be implemented with p;

Answer 2

1. The specific logic of responsive layout is to apply different css styles on the same HTML structure layer on terminals with different resolutions.
2.boostrap, foundation.css, all have written CSS styles and can be used directly. Generally speaking, it is just a matter of using media queries to apply different CSS styles at different resolutions.

Answer 3

media query