网页相关

1、页面等比例缩放

body{
    zoom: 200%
}

2、图片和文字在一个水平线高度居中显示

<div class="right">
       <img src="./../../assets/paiX.png" >
       <span>排序</span>
</div>

此时只需要为img加个

vertical-align: middle;

效果如图

middle.png

3、禁止输入框的大黄色自动输入
老版本浏览器

autocomplete="off"

新版本浏览器

input:-webkit-autofill {
    -webkit-animation: autofill-fix 1s infinite;
  }

  @-webkit-keyframes autofill-fix {
    from {
      background-color: transparent;
    }
    to {
      background-color: transparent;
    }
  }