鍍金池/ 問答/HTML5  HTML/ 如何解決邊框模糊問題?

如何解決邊框模糊問題?

設(shè)置的1px底邊框 出來的效果是這樣的

clipboard.png
糊掉了,我把屏幕調(diào)整200%后就清晰了,這是什么問題?

回答
編輯回答
清夢

好像是IOS下1px的邊框會被壓縮到0.5從而導致模糊,以前聽人提到過,但是沒注意怎么解決的,現(xiàn)在的框架應(yīng)該有解決過。

2018年7月1日 03:28
編輯回答
骨殘心

我是沒看出來糊...

樓上說的大概是canvas里的lineWidth的問題
clipboard.png

CSS的border還沒有遇到過這問題, 坐等高手解答

2018年2月21日 15:37
編輯回答
愛是癌

沒看出來糊掉了

2017年2月28日 15:51
編輯回答
心悲涼

用 box-shadow 取代或用 border-image:url( data:image/svg... )

2018年2月14日 23:25
編輯回答
陌顏

設(shè)置2px試試,一般用偶數(shù)值比較好

2018年5月30日 03:08
編輯回答
孤慣

這個你使用了transform :translateY(-50%)之類的嗎 如果是 就必須借助js判斷白色那塊的實際高度能否整除于2 如果不能整除于2 就給他一個class 然后這個class是padding-bottom:1px 就行了

2017年6月21日 20:12