不藏不掖着，响应式网页大揭秘来了！

大家肯定有过这样的体验，有些网站在电脑端使用起来还不错，但是并没有做相应的移动端口的适配，导致在用手机浏览的时候，非常不便，大大降低了网页的使用率。

随着移动端设备的不断普及和发展，导致网页设计也从原来的电脑端，过渡到了移动端。这也就要求我们设计一个网页的时候需要去适配不同的设备。

而我们都知道，网页设计是整体且系统的，在设计过程不能各自适配各自的端口，那样会导致整个网页设计的项目不统一。再加上现在各种尺寸的显示器，没有办法一一进行统计和适配。今天我们就来讲解一下怎么去解决这个问题。

响应式网页 RESPONSIVE WEB DESIGN 简称为RWD，可以让网页自动的适应不同尺寸的显示器。这种形式的优点也是显而易见的，那就是高适应性和提升网页的实用性。

这是一个典型的响应式网页，当在我们缩小这个家具网页页面的同时，它的内容也随着发生改变。

我们来看一下这个示意图，这是一个正常尺寸的网页。

当我们缩小它的尺寸时，里面每一个元素都会相应的发生改变，现在看到的是一个平板端口的尺寸，内容并没有受到任何的影响。

当我们的尺寸进一步的缩小，到了移动端，元素自动调整，依旧是不会影响整个网页的识别。

而这个网页，在电脑端观看没有任何问题，但是并没有适配其他的端口，浏览起来就会给用户造成不便，导致用户流失。

来看这个网页，在收缩的过程可以明显看到，每到达一个点的时候，里面的元素就会相应的减少，直到最小。