Question

响应是什么

Answer 1

响应是指根据不同设备浏览器分辨率或尺寸来展示不同页面结构、行为、表现的设计方式。下面总结了几种响应式设计布局方式：

1.Viewport。一个常用的针对移动网页优化过的页面的viewportmeta标签大致如下：。

2.网格视图。使用网格视图让向网页添加元素很简单。在创建响应式网格视图时，一定要确保所有的HTML元素都有box-sizing属性且设置为border-box。

3.媒体查询，使用@media查询，你可以针对不同的媒体类型定义不同的样式。实例：@mediaonlyscreenand(orientation:landscape){

body{

background-color:lightblue;

}

}