今天在練習寫專案，一些總結記下。
css3**查詢表示式：@media all and (min-width:800px) and (orientation:landscape){}
media 是宣告這是**查詢 all是**型別，當然也可以用「screen」或者「print」來表示，螢幕或列印的**型別。 and 是邏輯操作符，也可以用not，only，逗號（逗號與or的作用是一樣的）操作符，這裡需要注意的是使用not操作符時，表示式應如下：@media not (all and (monochrome)){},表示非的意思。not後面的括號一定要寫。not與逗號同時使用時，not的有效區域在逗號之前，例如：
@media(not(screen and (color))),print and(color)
only操作符，一些老的瀏覽器會忽略，例如：@media=」only screen and(min-width:40)」,在老的瀏覽器中，會直接解讀到@media=」only「,沒有only的**型別，將會無法繼續後面的樣式。
**屬性： width：可視口寬
height：可視口高
device-width:裝置的螢幕寬
deviece-height:裝置的螢幕高
minimum-scale=1.0(最小縮放比例）
maximum-scale=1.0(最大縮放比例）
user-scalable=no(禁止使用者縮放）
（ie8開始多了乙個相容模式，所以新增這樣乙個宣告，來支援相容性，這個宣告寫在title之前）
content=」ie=edge」(強制使用最新ie瀏覽器模式渲染頁面）
或者可以寫content=「ie=emulateie8」(如果可以的話用ie8的模式來載入頁面）
在body中新增注釋
中間**內容
響應式一些知識
1，什麼是 查詢，查詢的優缺點 media queries 查詢 查詢表示式，指定 型別，根據 型別來選擇相應的樣式，在樣式中，選擇一種頁面的布局以精確地適應不同的裝置 我們要做的就是針對不同的瀏覽器裝置大小，編寫不同的樣式，讓瀏覽器根據不同的視窗尺寸大小，選擇不同的樣式 ie8 以下不支援 查詢 ...
web響應式的一些方法
1.給 img標籤增加樣式規則使它自適應容器尺寸。應宣告為塊級元素，應適應它容器的寬度，應保持原本的寬高比。2.為優化在高解析度裝置下的顯示效果，最簡單的方式是定義它們的width和height值為原始檔寬高的一半。img 3.一般依賴於 查詢 max width 小於或等於 min width 大...
對於一些常用布局的總結（著重於響應式布局）
即傳統web設計，對於 pc 設計乙個 layout 在螢幕寬高有調整時，使用橫向和豎向的滾動條來查閱被遮掩部分 意思就是不管瀏覽器尺寸具體是多少，網頁布局就按照當時寫 的布局來布置 對於移動裝置，單獨設計乙個布局，使用不同的網域名稱如wap.或m.自適應布局 adaptive 的特點是分別為不同的...