新知識 響應式

2022-07-31 13:42:14 字數 565 閱讀 1444

今天又學了新的知識 ——響應式!

響應式的三個步驟:

第一步: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...

開啟接受新知識的綠燈

前幾天,和運維組討論上線策略。對方提出預上線的版本與新生成的環境一一對應,我堅決反對,上線版本要頻繁使用預上線環境,同事向我解釋,貌似我在聽實際在想絕對不能讓步,屈服於他們。這涉及到學習效能的問題,當我們遇到與我們認知不一致或新知識的情況,引起了我們的習慣性防備。要接受新知識首先要打破習慣性防備。紅...