css樣式踩坑總結

2021-08-09 23:24:34 字數 661 閱讀 1507

本章內容主要總結css一些經驗總結,不一定成熟或者在具體出現情況上描述不清,僅供參考

1. rem單位產生的四捨五入

在乙個專案中,通篇使用rem時,當需要精確到1px進行樣式控制時,常常會產生1px的誤差,比如某個1px的邊框就被壓住等等。

先放個rem的使用簡介:

然後,產生的原因:

知道了原因,就需要針對具體情況,使用百分比替代,在不必要的地方直接使用px,避免過多的四捨五入。

2. 滾動條,overflow:auto

當需要滾動時,乙個ul下幾個li,li一定要設定高度或者行高,不然在某些機型上不能滾動。

3. 圓角邊框顏色漸變

通過:after新增個漸變背景,漏出來1px作為邊框。

4. 不要使用button標籤

在一些機型上還是會產生樣式差異,button似乎自帶box-sizing:border-box,因為在將button標籤修改為li時,需要加上這句話才能正常。

5. 1+3t手機上的問題

overflow:auto,兩層div都有滾動時,結果內層滾動失效,將外層滾動的**下降乙個層級,結果可以了,不知道為啥。

還有乙個問題,一層滾動,結果下滾沒問題,不能上滾,但是快速劃倆下以上時,有時觸發向上滾動,最後新增了position:relative,解決,出現原因不清楚。。。。

日常踩坑總結

self.parser.add argument lr use action store true default false cuda visible devices 1 python my script.py 方法一 os.environ cuda visible devices 2 方法二 t...

鞋面(踩坑總結)

1.因為視覺演算法部分主要是由visionpro編寫的,在vp 中用到了乙個工具先做了定位,然後就出現和座標系轉換的問題。所有的定位孔的座標都是基於定位點之上的。這就帶來了 我得到的定位孔座標不是實際的基於標定原點的座標。2.採用的是相機的sdk採圖 vp演算法的方式,這裡有乙個問題就是,怎麼把相機...

github page Jekyll踩坑總結

centos預設的ruby是2.2,已經不支援大多數的ruby指令碼,公升級ruby官方的推薦便是rvm,但是安裝了gpg keys以後curl還是無法獲取指令碼,這時候有兩個解決方法 centosssh獲取該公鑰後再curl k bash s stable yum install gcc make...