qing

毛腿 发表于 2014-11-22 03:32
谁说不能1px
这是 正常的 实际上1px 被 缩放到了 2px 或者 3px

毛腿大神,

产品~靝靝

哎呦不错奥

bashen1

毛腿 发表于 2014-11-22 03:32
谁说不能1px
这是 正常的 实际上1px 被 缩放到了 2px 或者 3px

安卓下不支持

毛腿

bashen1 发表于 2014-11-29 14:28
安卓下不支持

支持 亲测过

bashen1

毛腿 发表于 2014-12-2 11:01
支持 亲测过

老机型中呢，我是模拟器和公司的一台配置低的华为测试无显示

老张

毛腿 发表于 2014-11-22 03:32
谁说不能1px
这是 正常的 实际上1px 被 缩放到了 2px 或者 3px

瞬间解决了我们的困扰，，，代表大伙儿感谢你哈

varcp

赞赞

葛定红

.cry_bd_bottom:after{
        content: " ";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 1px;
        border-bottom: 1px solid #e0e0e0;
        color: #e0e0e0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
}

葛定红

葛定红 发表于 2016-12-8 09:39
.cry_bd_bottom:after{
        content: " ";
        position: absolute;

.cry_bd_bottom{position: relative;}补充

OSChina

APICloud无疑已是相当火的APP开发工具了，面对从web到移动APP转变的开发者可能有很多小常识并不是特别熟悉，比如这个border。怎样让1px更细，看起来像原生的？下面教大家一个方法：

1. .border {
   
2. position: relative;
   
3. width: 300px;
   
4. height: 200px;
   
5. }
   
6. .border:after {
   
7. border: 1px solid #ff3300;
   
8. display: block;
   
9. content: '';
   
10. position: absolute;
    
11. top: 0;
    
12. right: 0;
    
13. bottom: 0;
    
14. left: 0;
    
15. -webkit-transform-origin: 0 0;
    
16. -webkit-transform: scale(1);
    
17. pointer-events: none;
    
18. }
    
19. @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    
20. .border:after {
    
21. right: -100%;
    
22. bottom: -100%;
    
23. -webkit-transform: scale(0.5);
    
24. }
    
25. }

复制代码

如果是想要上边框或者下边框。。。那么只需要修改border:after里面的border就可以了。
PS：特别说明

千万别漏下了pointer-events: none;要不然就没法点击了