? ? 響應式布局的原理就是通過@media這個標簽（媒體查詢），來對頁面窗口不同尺寸時候應用不同的樣式。
@media screen and (max-width:300px){ ?div{ background:red;width:200px } ?}
? ? 當屏幕寬度最大尺寸小于等于300px時，div元素的寬度為200px。
注意：
元素的樣式可能會疊加脚曾，應注意先后順序。
響應式布局的調用可以直接寫在css文件里面萨醒，另外一種可以通過link調用斟珊，需要注意的是link的寫法有所不同
<link href=http://www.baidu.com/main.css" media="screen and (max-width:300px) ">
