铁人赛 Day15 -- RWD响应式网页 -- 用手机、电脑、平板的拢来啦

什麽是RWD?

响应式网页设计(Responsive Web Design)，可以让不同的设备都可以正常浏览同一个网站

为甚麽要使用RWD?

你想想哦，如果今天我不使用RWD，那我更新程序的时候要一次更改两个地方，每一次更新都要更新两次不是很麻烦吗?
再加上如果今天是交给不同的设计公司来制作电脑版网页和手机版网页，那资料要更新修改用大拇指想都觉得麻烦啦，是不是!

实际例子

例子来源 : https://www.jcbooks.com.tw/

一、电脑正常全画面时的网页

二、手机版网页

由上可见，在不同的装置上所看见的排版也会不一样，但是在做更新修改的时候只需做一次即可

RWD 概念

那我们在制作RWD的时候到底是如何分辨甚麽时候是给手机用的，甚麽时候是给电脑用的?
主要适用 像素 来做区分 --> 简单来讲就是画面大小

所以今天如果要来写RWD的话就会需要用的我们的 "媒体查询(@media)"
那至於 媒体查询(@media) 呢，就交给铁人赛day16的我啦!明天见罗各位!