對min max width height的認識

2021-09-13 12:14:15 字數 1118 閱讀 9233

在css世界中,提出了min/max-weight的應用場景:自適應布局或者是流式布局中才會出現,從最小和最大上面我們知道他們是具有邊界行為的屬性。
在現在的pc端開發中,為了適應各種不同解析度的顯示屏,min/max-width就會起到很關鍵的作用。

應用場景

下面列舉乙個自己遇到的小情況(電腦解析度為1920*1080),正常情況如下:

當我們不設定min-weight的時候

乍眼一看,沒什麼變化,但是這也是理所當然的,最小寬度這個邊界值還沒有觸發,當我們縮小螢幕的時候,就會出現下面的這種情況:

此時的頁面布局就會出現錯亂,導致很差的視覺效果

接下來我們恢復對邊界值的設定,再來看下效果:

此時當我們達到我們設定的最小寬度的時候,頁面就不會出現錯亂情況了,max-weight的應用場景和其類似,有興趣的可以自己實踐下。

在pc端開發的時候min/max-weight的使用起著很關鍵的作用。

下面介紹書中的一些知識點:

min-height/min-width 的初始值為automax-height/max-width 的初始值為nonemax/min-width超越!important,具有最高優先順序

超越最大

.container
從字面來來看,超越最大,乙個容器的最小寬度竟然比最大寬度還打,超越最大意思不就是min超越max,因此容器的實際寬度為1400px。

對建立游標對理解

步驟 1 首先經過底層的 編寫已經建立起了了python和資料庫之間的溝通橋梁並封裝成了模組,通過pymysql下的conntent 方法與之建立起了連線,例項物件。pymysql.connect 方法返回的是connections模組下的connection 例項,connect 方法傳參就是在給...

對勾函式 對勾函式

對勾函式是一種類似於反比例函式的一般函式。所謂的對勾函式,是形如 f x ax b x 的函式,是 一種教材上沒有但考試老喜歡考的函式,所以更加要注意和學習。一般的函式影象形似兩個中心對稱的 對勾,故名。當x 0 時,f x ax b x 有最小值 這裡為了研究方便,規定a 0 b 0 也就是當 x...

一對多 多對一

pip install djangorestframework 3.9.2 pip install markdown 3.0.1 markdown support for the browsable api.pip install django filter 2.1.0 filtering supp...