zoukankan      html  css  js  c++  java
  • 关于移动端1px边框问题

    <div class="z_nei_list">
        <div class="z_name_left font-size3">身份证号:</div>
        <div class="z_name_input font-size3">
                    <input id="strIdentity" maxlength="18" value="" type="text" placeholder="请输入真实身份证号码" />
        </div>
    </div>
    <div class="z_nei_lista">
        <div class="z_name_left font-size3">身份证号:</div>
        <div class="z_name_input font-size3">
                    <input id="strIdentity" maxlength="18" value="" type="text" placeholder="请输入真实身份证号码" />
        </div>
    </div>
    

      

    .z_nei_list,.z_nei_lista{
        width:94%;
        padding:2% 3% 1% 3%;
        margin:0 auto;
        position: relative;
        background: #fff;
        margin-bottom:8px;
    }
     
    .z_nei_list:before{
        content: '';
        width:100%;
        height:1px;
        background: #f00;
        position: absolute;
        top:0;
        left:0;
        -moz-transform:scale(1,0.5);
           -webkit-transform:scale(1,0.5);
           -o-transform:scale(1,0.5);
    }
    .z_nei_lista:before{
        content: '';
        width:100%;
        height:1px;
        background: #f00;
        position: absolute;
        top:0;
        left:0;
        -moz-transform:scale(1,1);
           -webkit-transform:scale(1,1);
           -o-transform:scale(1,1);
    } 
    .z_nei_list为真正的1像数线,
    z_nei_lista为正常情况下1像素线
    
    
    记下点滴,等老了慢慢欣赏
  • 相关阅读:
    北航OO第三单元总结
    北航OO第二单元总结
    提问回顾和个人总结
    Unity 制作不规则形状button
    Unity 3D手游对不同分辨率屏幕的UI自适应
    软工结队作业
    CSDN app分析
    软工作业——求交点
    软工第一次作业
    软工热身作业
  • 原文地址:https://www.cnblogs.com/binmengxue/p/5287305.html
Copyright © 2011-2022 走看看