常見的邊框線 使用1px 但是 實(shí)際效果是顯示的很寬，在蘋果設(shè)備上 1px 會(huì)變成2px ,如果想要border變細(xì)，常用最簡單的方法：

（1）方法一

border: solid #eee thin;

效果

手機(jī)大小：

放大以后效果：

---

（2）方法二

HTML

<div class="test-border"></div>

CSS

.test-border {height: 0.5rem;position: relative; }.test-border:before {position: absolute;top: -0.5rem;left: 0;content: '';width: 100%;height: 1px;border-top: 1px solid rgba(255, 255, 255, 0.3);transform: scaleY(0.5); }

總結(jié)

以上是生活随笔為你收集整理的让边框线变细的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。