記錄 media使過程中趟過的坑

2021-10-01 17:06:33 字數 1519 閱讀 1456

1、下面使用的是min-width屬性：

@media


(min-width


: 768px)


@media


(min-width


: 992px)


@media


(min-width


: 1200px)
說明：

需要注意的是，使用min-width（其它的min屬性也是同理）時，需要將min-width後面屬性值最小的寫在最上面，為什麼呢？min-width: 768px表示最小寬度是768px，也就是當width>=768px的裝置，會執行{}中的css**，那麼如果將最小的寫在下面，像下面這樣的**：

@media


(min-width


: 1200px)


@media


(min-width


: 992px)


@media


(min-width


: 768px)
那麼如果當裝置的width為1300px時，會從上到下一步一步的執行，首先判斷width是否》=1200，是，則背景設成red，再判斷width是否》=992px，是，則將背景顏色設成yellow，最後再判斷width是否》=768px，是，再將背景設定成blue，好，最後背景變成，藍色，而我們的初衷是想讓裝置width>=1200px時背景為red，所以出現了問題，上面的樣式被覆蓋了，所以為了保證我們想要的效果，當使用min-*時必須將屬性值最小的放到最上面。

2、下面使用的是max-width屬性：

@media


(max-width


: 1199)


@media


(max-width


: 991px)


@media


(max-width


: 767px)
1）同理，使用max-*屬性的時候，要將max-*屬性值最大的放到上面，其實同樣是為了防止覆蓋問題，這是乙個小的問題，如果不注意，會使我們設定的樣式失效。

2）還有乙個需要注意的是，我們這裡為什麼是小於767而不是768呢，那是因為在css中@media (min-width: 768px)表示最小是768也就是》=768，這裡有等於，所以我們判斷更小的裝置用@media (max-width: 767px)這邊表示<=767就不會有衝突了，在此記錄一下。

3、總結：

我是這樣記的，使用max-*時，因為max是最大，所以將max-*屬性值最大的放到最上面，而使用min-*屬性時，因為min是最小，所以將min-*屬性值最小的放到最上面，記住都是放到最上面，這樣就好記多了。

你要去做乙個大人，不要回頭，不要難過。

「以後的心事就不說給你聽了。」

LigerUI開發過程中踩過的坑

一 使用ligerform建立初始化查詢表單 並在查詢方法中獲取表單中的值，傳到後台的時候 會報錯，因為日期型別的如果不填值的話，往後臺預設傳的的null，需要進行非null判斷，如果為null，不傳 1 建立表單 1 function 15 16 17 2 查詢方法 1 function find...

記錄在使用sklearn中趟過的雷

使用sklearn是為了讀取自製資料集中使用一些預處理操作，雖然pytorch的包中含有一些預處理操作，但並不全因此使用到了sklearn。此處記錄一下在使用sklearn使用中趟的雷。maxabsscaler是將資料歸一化到 1,1 然而在此處使用中需要注意的是max操作不能針對二維以上的矩陣，若...

配置vsftp伺服器過程中踩過很多坑

配置vsftp伺服器過程中踩過很多坑。今天都記錄下來。1，我是在阿里雲伺服器配置的vsftp。能連線但是上傳不了檔案。如果ftp伺服器配置了主動模式就必須把20,21埠放開。不光防火牆要放開，阿里雲的安全組也要放開。如果配置了被動模式，就把被動模式開放的埠在阿里雲安全組也要放開。因為不知道阿里雲安全...