現在市面上大部分的手機和平板裝置，它們的裝置畫素比（dpr）都是大於1的。所以我們平時開發中寫的 「1px」 實際上最終會被多個物理畫素渲染，這就導致 「1px」 在螢幕上看起來很粗。
那麼我們怎麼寫出真正的1物理畫素呢（後面 1px 指的就是1物理畫素）？
關於移動端實現 1px 的方式有很多，這裡只講述最常使用也是相容性較好的兩種：
1、利用 transfrom 的 scale 縮放來實現
2、利用 background 的 line-gradient 線性漸變來實現
移動端1px實現
新增css 1px邊框時，在手機上顯示為粗線，解決辦法就是利用偽類設定1px邊框，然後根據裝置畫素比進行y軸的縮放，使其表現為真正的1px.stylus的語法 1.定義乙個函式。找到要加1px的標籤，新增定位和偽類。border 1px color position relative after d...
移動端1px邊框實現
一看上篇博文的發布日期，就知道自己好久沒有寫技術文章了。一是可能工作比較忙，二是可能自己也比較懶散啦。今天重新敲起鍵盤。來跟大家分享乙個最近新學到的技術。一是為鞏固自己的掌握程度。也希望能幫到有需要的同學。大神看到的話可以提點意見。幫助小弟更快的成長。好了正文從這開始 如何實現在移動裝置下1畫素的邊...
實現移動端1px邊框
最近學了一下vue的實戰課程，學習到了其中的乙個頁面設計技巧，覺得深有感觸，於是便寫個部落格記錄下來，以便下次查閱 專案中是通過vue stylus來實現的，那麼首先需要說一下實現原理，因為在移動端中物理畫素是裝置畫素的兩倍，那麼以平時在pc端中設計的1px 在移動端裝置中就是2px了，那麼，我們要...