返回
基础
分类

进行不同情况匹配,进行不同情况匹配

日期: 2020-01-02 08:10 浏览次数 : 85

移动端1px,端1px

挪动端不相同尺寸设备dpi差异,会招致1px线条不一致等级次序的缩放,可使用媒体询问device-pixel-ratio,实行不相同情形特别:

@media(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5){//dpi:1.5

必赢手机登录网址 ,  .border-1px:after{

    -webkit-transform:scaleY(0.7);

    transform:scaleY(0.7)

  }

}

@media(-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){//dpi:2

  .border-1px:after{

    -webkit-transform:scaleY(0.5);

    transform:scaleY(0.5)

  }

}

移动端分裂尺寸设备dpi差异,会招致1px线条不一致水平的缩放,可利用媒体询问device-pixel-ratio,举行差别情状格外: @media(...

移动端分化尺寸设备dpi区别,会产生1px线条分化档期的顺序的缩放,可使用媒体询问device-pixel-ratio,实行不一致情形特别:

@media(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5){//dpi:1.5

  .border-1px:after{

    -webkit-transform:scaleY(0.7);

    transform:scaleY(0.7)

  }

}

@media(-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2){//dpi:2

  .border-1px:after{

    -webkit-transform:scaleY(0.5);

    transform:scaleY(0.5)

  }

}