關於手機端顯示頁面一個像素的邊框變粗的問題

正常的頁面設置了<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1,maximum-scale=1"> 以後 手機端的border細線 及時設置了1px的寬度也會虛化變寬。

如何解決這個問題，最簡單的方式是定義border-width: 1px;border-image: url(bg.jpg) 2 repeat;
    其中bg.jpg能夠設計成6x6 的 一張圖片

搞定。

這樣作也有一些劣勢 好比圓角怎麼解決，另外兩個大牛給出了他們的解決方案。

http://www.th7.cn/web/html-css/201505/103090.shtml

http://blog.csdn.net/huang100qi/article/details/47355277

但也有人坑爹的提出，想要真正的1個像素的細線，能夠把手機版頁面設爲

<meta name="viewport" content="width=device-width initial-scale=0.3333333333333333, maximum-scale=0.3333333333333333, minimum-scale=0.3333333333333333, user-scalable=no"> 

這樣作的後果是，PC版頁面徹底沒法看，字體圖片你都要從新設置更大號，並且還不是按比例的，你慢慢調試吧。