隨手挖坑記錄一

2022-01-18 01:50:09 字數 1124 閱讀 8915

碰到個1920px寬度並且內容全部塞得滿滿的直播間頁面,思考了一下為了小螢幕電腦用了rem。並且**查詢這樣寫。

@media screen and (min-width:320px)}

@media screen and (min-width:360px)}

@media screen and (min-width:400px)}

@media screen and (min-width:440px)}

@media screen and (min-width:480px)}

@media screen and (min-width:640px)}

html

自信滿滿布局完。產品經理跟我說他那邊瀏覽器顯示我這個頁面不正常。

wtf????

看了下浮動內容大多折行了。於是把右浮的幾個模組絕對定位,這次總不會掉了吧。但是還是顯示的很奇怪。。。。

後來總算想起來我這裡做的**查詢基本針對移動端的,就加了乙個pc端尺寸,顯示當然會奇怪。。。後來就把**查詢給加上了。。。

計算器敲了半天真捉急。。。

成果

/*

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

}@media screen and (min-width:360px)

}@media screen and (min-width:400px)

}@media screen and (min-width:440px)

}@media screen and (min-width:480px)

}@media screen and (min-width:640px)}*/

@media screen and (min-width:960px)}

@media screen and (min-width:1024px)}

@media screen and (min-width:1366px)}

@media screen and (min-width:1680px)}

@media screen and (min-width:1920px)}

總結,電腦端頁面rem適配不要忘了加上那幾個尺寸。。。目前沒聽到產品經理嗶嗶。這個問題應該解決了。

Untiy ShaderLab 隨手記錄

shader nafio tunlit subshader lod 150 pass struct v2f fixed4 frag v2f i sv target endcg maintex st 的說明,這個變數是後面transform tex需要用到 transform tex用於計算textu...

隨手記錄 之後整理

關於c語言的指標 書中摘錄 p char i p i 0x0f 這兩句話翻譯為彙編 movecx,i 是給ecx暫存器賦值 movbyte ecx i 0x0f 給ecx記憶體位址賦值 使得儲存他們的半導體都不一樣,乙個在cpu裡,乙個在記憶體晶元 如果將這兩句話的執行順序倒過來 p i 0x0f ...

extjs 驗證隨手記錄

1.numberfield 設定不為小數的屬性 allownegative false 2.extjs驗證 vtype alpha,alphanum,email,url alpha只能輸入字母,無法輸入其他 如數字,特殊符號等 alphanum只能輸入字母和數字,無法輸入其他 email驗證,要求的...