專案實踐經驗總結 (1)

2021-08-27 20:42:45 字數 955 閱讀 2067

@media screen and (min-width: 768px)

@media screen and (min-width: 992px)

@media screen and (min-width: 1200)

注意下順序,如果你把@media (min-width: 768px)寫在了下面那麼很悲劇,

@media screen and (min-width: 1200)

@media screen and (min-width: 992px)

@media screen and (min-width: 768px)

因為如果是1440,由於1440>768那麼你的1200就會失效。

所以我們用min-width時,小的放上面大的在下面,同理如果是用max-width那麼就是大的在上面,小的在下面

@media screen and (max-width: 1199)

@media screen and (max-width: 991px)

@media screen and (max-width: 767px)

#元素重疊

1.指定float值 : left /right

行內元素也會變成**的塊元素,元素會脫離文件的普通流,向左或右浮動,直到其外邊緣碰到包含框或另乙個浮動框。

2. 指定position值relative

可以相對於其在普通流中的位置偏移,原本所佔的空間仍保留。

3. 指定position值absolute

行內元素也會**變成塊元素,元素會脫離文件的普通流,相對於最近的已定位祖先元素偏移,如果元素沒有已定位的祖先元素,那麼它的位置相對於最初的包含塊偏移。

4. 指定position值fixed

元素會脫離文件的普通流,相對於瀏覽器視窗偏移,固定在瀏覽器的某個位置。

kafka相關實踐 經驗總結

kafka快的原因 1 partition順序讀寫,會先寫入頁快取,再寫入磁碟,充分利用磁碟特性,這是基礎 2 producer生產的資料持久化到broker,採用mmap檔案對映,實現順序的快速寫入 3 頁快取技術在讀取時可以實現零拷貝,減少io,加快socket傳輸速度 4 customer從b...

WTL實踐經驗總結 不斷更新

一.wtl的使用 二.wtl的結構 三.wtl的剖析 四.wtl的資源 五.wtl的專案 我自己寫的哦 選擇wtl很大部分原因都是因為對模板的迷戀,不知為啥,c 的魅力盡然在模板!好,開始我們的征程吧。一 wtl的使用 1.安裝 網上已經很多這樣的文章了,看這裡,這裡 2.幫助外掛程式 visual...

快速排序實踐經驗總結 弄透其邏輯

快速排序的思想其實比較好理解,但是實際碼 的時候,會遇到一些問題,並不是想象的那麼簡單。在網上看了一下,感覺大多數的部落格介紹其排序原理的時候說得很生動形象,但給出的實現 其實邏輯說得不是很清晰,甚至是錯誤的。這裡我自己寫了一下快速排序,過程中也遇到了一些問題,但總算是解決了。這裡給出來,並詳細說一...