• home > webfront > style > css >

    解决高清屏相差零点几像素无法对齐问题

    Author:zhoulujun Date:

    高清屏,差 零点几个像素,对不齐。不仔细看不出来,仔细看感觉毛刺蛮明显,那么要这么解决这个问题呢?

    高清屏,差 零点几个像素,对不齐。总结了一下,一般为 display: inline-block、inline-flex  ,造成容器2倍屏幕上面是正常的,3x 4x 等 相差  0.xxxpx  

    可以改为block 或者flex,比如:

    .target-select-set ~ .bk-form-item {
      .bk-input {
        height: 32px;
        border-radius: 0 2px 2px 0;
        display: block;
        align-items: initial;
    
        /* stylelint-disable-next-line */
        .bk-input--text {
          border-radius: 0 2px 2px 0;
          height: 100%;
          display: block;
        }
      }
    }

    设置后:




    转载本站文章《解决高清屏相差零点几像素无法对齐问题》,
    请注明出处:https://www.zhoulujun.cn/html/webfront/style/cssBase/2021_1231_9023.html