嘀嘀嘀~距上一次寫部落格又過了好長時間了。最近又學習了一些東西，是時候找個空閒的時間記錄在部落格裡了！擇日不如撞日！
"viewport" content="width=device-width,initial-scale=1.0,maximun-scale-1.0,user-scalable=0" >@media
(max-width
:600px)
}
"stylesheet" href="css/main.css" media="(max-width:800px)">
offsetwidth：可理解為div的可視寬度，即在水平方向上占用的空間大小，相當於（樣式width+左右padding+左右border）
offsettop：可理解為容器相對於document的top的絕對偏移，等於top+margin-top
offsetleft：可理解為容器相對於document的left的絕對偏移，等於left+margin-left
clientwidth：width+左右padding
clientheight：height+上下padding
clienttop：元素內部相對於元素本身的top偏移，實際上就是border-top
scrollheight：內容的實際高度+上下padding
scrollwidth：內容的實際寬度+左右padding
scrolltop：y軸的滾動條沒有或滾動到最上是為0；y軸的滾動條滾到最下時是（scrollheight-clientheight）【即：被隱藏在當前內容區域上方的畫素數】
響應式設計
響應式設計 樣式設計適應各種不同解析度尺寸 學習1.css3 media queries 2.樣式覆蓋 考 the orientation media query 一文。我們可以建立多個樣式表，以適應不同裝置型別的寬度範圍。將多個media queries整合在乙個樣式表檔案中 50 smartph...
響應式設計
響應式設計簡單說呢就是針對不同的螢幕解析度應用不同的css樣式，這裡有兩個關鍵點 一是如何在不修改dom結構的前提下調整布局 二是如何判斷螢幕解析度並應用對應的css 以上兩點應該不依賴於js.1 實現第一點依靠的是流式布局，就是所有參與布局的div都用float left，寬度都用百分比表示 圖一...
響應式設計
響應式設計就給不同解析度設計不同 顯示合理美觀 的樣式，也就是說設計師多設計幾套樣式，在使用者訪問的時候，根據使用者使用的螢幕解析度展現給使用者相應的頁面 呼叫相應的樣式 一 設計師了解市面上所使用的解析度，收集資訊 二 設計師根據不同解析度給頁面設計不同的樣式 三 呼叫樣式 1 直接在同個樣式樣式...