響應(yīng)式網(wǎng)站是一種設(shè)計(jì)理念凉驻，他是多項(xiàng)技術(shù)的綜合體
1.減少工作量--網(wǎng)站，設(shè)計(jì)，代碼，內(nèi)容都需要一份
多出來的工作量只是js腳本选调，css樣本做一分
2.節(jié)省時(shí)間
3.每個設(shè)計(jì)都能得到正確的設(shè)計(jì)
4.搜索優(yōu)化
5.更好的用戶體驗(yàn)
缺點(diǎn)：
會加重更多的樣式和腳本資源
設(shè)計(jì)比較難精確定位和控制
老本瀏覽器兼容性差
html5+css3+js
瀏覽器：
ie,chrome,safari/ios/opera
媒體查詢--css2
css3? ---媒體類型和函數(shù)
not and only 表達(dá)式！邏輯操作鏈接
and--與--全部匹配
or-或--任意條件匹配
not--非
老本瀏覽器：media=‘only或media='screen'
only最好
視口--viewport
device-width:設(shè)備寬度
布局視口
可視視口
理想視口
