什么是响应式布局,简单点说

发布网友发布时间：2022-04-25 06:54

我来回答

共2个回答

懂视网时间：2022-05-12 04:10

响应式布局是什么？现在响应式布局是越来越火，但是响应式布局究竟是什么可能很多的朋友还是不太了解，那么，接下来的这篇文章就给大家来介绍一下什么是响应式布局，有兴趣的朋友可以看一下。

首先我们来看一下响应式布局是什么？

根据百度百科我们可以知道：响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。

通俗来说，响应式布局就是做一个网站同时能兼容多个终端，由一个网站转变成多个网站，为我们大大节省了资源。

响应式界面有四个层次：

1、同一页面在不同大小和比例上看起来都应该是舒适的；

2、同一页面在不同分辨率上看起来都应该是合理的；

4、同一页面在不同操作方式（如鼠标和触屏）下，体验应该是统一的；

5、同一页面在不同类型的设备（手机、平板、电脑）上，交互方式应该是符合习惯的。

在知道了响应式布局是什么后，我们再来简单说一说响应式布局的用法

1、布局及设置meta标签

当创建一个响应式网站，或者非响应式网站变成响应式的时候，首先要关注元素的布局；比如，在手机设备上，我们要禁止用户来缩放屏幕。不禁止的话，可能在显示上会造成错位，以及显示的不是手机网站的样式。所以，我们要通过代码来禁止用户在手机端上缩放屏幕，已达到正常的手机网站效果。

2、通过媒体查询来设置样式media query

media query 是响应式设计的核心，它能够和浏览器进行沟通，告诉浏览器页面如何呈现，假如一个终端的分辨率小于980px，那么可以这样写，这个时候的布局会覆盖掉之前设置的布局。

3、设置多种视图宽度

4、响应式的图片

响应式布局的用法在这里就简单介绍一下，对于响应式的深入了解大家可以关注Gxl网的相关栏目进行学习！！！

热心网友时间：2022-05-12 01:18

响应式布局能同时兼容多个终端，比如（手机、平板、PC）做一个网站转眼间就可以变成3个网站。可能有些人对“什么是响应式布局”还不是很了解，下面达内长沙web培训就跟大家简单说下什么是响应式布局：

响应式布局：简单点说，就是做一个网站同时能兼容多个终端，由一个网站转变成多个网站，为我们大大节省了资源。

那么响应式布局的优点和缺点又有哪些呢？

优点：1.面对不同分辨率设备灵活性强

2.能够快捷解决多设备显示适应问题

缺点：不能完全兼容所有浏览器，代码累赘，加载时间加长。

说了这么多，可能还有很多人，不明白响应式布局该怎么去做，以及它的开发原理是什么？

原理：简单点说响应式布局它是通过CSS中Media Query（媒介查询）@media功能，来判断我们的终端设备宽度在多少像素内，然后就执行与之对应的CSS样式。