移動端比1px還小的border

yanwei 發布于2019-08-29 13:06 / 1758人閱讀

摘要：巧用在移動端經常出現細邊框但有的時候產品大大甚至乎會覺得不夠細那么要如何寫出比還要小的下面是代碼希望對大家有所幫助

巧用border

在移動端經常出現border,細邊框
但有的時候產品大大1px甚至乎會覺得不夠細
那么要如何寫出比1px還要小的border
下面是代碼希望對大家有所幫助

.thinner-border {
    position: relative;
    width: 1px;
    margin:14px 0;
    height: 20px;
}
.thinner-border:after {
    content: "";
    position: absolute;
    width: 500%;
    height: 500%;
    border: 1px solid #ffd000;
    transform-origin: 0 0;
    transform: scale(0.2, 0.2);
    box-sizing: border-box;
}

GPU云服務器云服務器還小小的sql數據庫超小的云服務器 border

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/112372.html

移動端比1px還小的border

摘要：巧用在移動端經常出現細邊框但有的時候產品大大甚至乎會覺得不夠細那么要如何寫出比還要小的下面是代碼希望對大家有所幫助巧用border 在移動端經常出現border,細邊框但有的時候產品大大1px甚至乎會覺得不夠細那么要如何寫出比1px還要小的border下面是代碼希望對大家有所幫助 .thinner-border { position: relative; wi...

X_AirDu 2019-08-01 17:20 評論0 收藏0
移動端比1px還小的border

摘要：巧用在移動端經常出現細邊框但有的時候產品大大甚至乎會覺得不夠細那么要如何寫出比還要小的下面是代碼希望對大家有所幫助巧用border 在移動端經常出現border,細邊框但有的時候產品大大1px甚至乎會覺得不夠細那么要如何寫出比1px還要小的border下面是代碼希望對大家有所幫助 .thinner-border { position: relative; wi...

stdying 2019-08-20 18:32 評論0 收藏0
移動端H5頁面中1px邊框的幾種解決方法

問題提出這是一個比較老的問題了，我第一次注意到的時候，是UI設計師來找我麻煩，emmm那時候我才初入前端職場，啥也不懂啊啊啊啊啊，情形是這樣的：設計師拿著手機過來：這些邊框都粗了啊，我的設計稿上是1px的我：？？？？我寫的是1px呀，不信你看。（說著拿出了css代碼設計師：不對啊我眼睛看來這個邊框比我設計稿上粗很多，看起來好奇怪（emmm果然像素眼我：那我把它改成0.5px你看看（邊說邊改了代碼...

enda 2019-08-29 16:07 評論0 收藏0
移動端H5頁面中1px邊框的幾種解決方法

問題提出這是一個比較老的問題了，我第一次注意到的時候，是UI設計師來找我麻煩，emmm那時候我才初入前端職場，啥也不懂啊啊啊啊啊，情形是這樣的：設計師拿著手機過來：這些邊框都粗了啊，我的設計稿上是1px的我：？？？？我寫的是1px呀，不信你看。（說著拿出了css代碼設計師：不對啊我眼睛看來這個邊框比我設計稿上粗很多，看起來好奇怪（emmm果然像素眼我：那我把它改成0.5px你看看（邊說邊改了代碼...

shengguo 2019-08-26 17:41 評論0 收藏0
Css-移動端適配總結

摘要：這種使用簡單，但是兼容性不太好。這種顏色有陰影，估計過不了設計大佬的那關。最后會把對應的編譯出來，這種兼容性好，就是依賴于插件。這種兼容好，但是會和偽類沖突，也是我司采用的方式。前言工作以后，大部分的業務工作都是基于移動端H5的，開發過程中學習了很多東西，遇到過許多問題，諸如rememcss pxdevice px等，本文純屬個人的歸納總結，如有問題，請指出親噴~ PC端本文主要...

codeGoogle 2019-08-23 16:47 評論0 收藏0