今天又學了新的知識 ——響應式!
響應式的三個步驟:
第一步:meta標籤
可以使用檢視的meta標籤來進行重置
第二步:流式布局
注意不要用px!
第三步:媒介查詢
css3 media query-媒介查詢是響應式設計的核心,根據條件告訴瀏覽器如何為指定檢視寬度渲染頁面。例如:
@media screen and (max-width: 48px)
#content
#sidebar
}媒介查詢的目的在於為指定的檢視寬度指定不同的css規則,來實現不同布局。媒介查詢可以寫在同乙個或者單獨的樣式表中!
1em=16px;(用於計算)
對於不支援media query的瀏覽器,我們要在頁面中呼叫css3-mediaqueries.js
注意點:
1、由於網頁會根據螢幕寬度調整布局,所以不能使用絕對寬度的布局,也不能使用具有絕對寬度的元素。只能指定百分比寬度:(width: xx%;)或者(width:auto;)
2、字型也不能使用絕對大小(px),而只能使用相對大小(em)。
今天學到的新知識
一 定義的規則 class teacherform form 必須繼承form 建立字段,本質上是正規表示式 username fields.charfield required true,必填字段 error messages 顯示中文錯誤提示 widget widgets.textinput a...
機房合作 新知識嘗試
在這次機房合作中,學到了很多新的知識。因為我負責的d層,所以就來寫一下在d層方面的嘗試。datatable轉list 機房重構的時候,用的都是datatable,機房合作的時候,小夥伴想要list的返回值,但是要乙個list返回值,就轉一下,量很多,而且一點兒也不簡潔,所以就寫了乙個公共類。publ...
開啟接受新知識的綠燈
前幾天,和運維組討論上線策略。對方提出預上線的版本與新生成的環境一一對應,我堅決反對,上線版本要頻繁使用預上線環境,同事向我解釋,貌似我在聽實際在想絕對不能讓步,屈服於他們。這涉及到學習效能的問題,當我們遇到與我們認知不一致或新知識的情況,引起了我們的習慣性防備。要接受新知識首先要打破習慣性防備。紅...