前端冷门小知识:解决用户有保存密码,隐藏滚动条等,隐藏在浏览起下的眼睛等

1.解决用户有保存密码的习惯：导致自动填充进input框
<input type="password" autocomplete="new-password" style="display:none"> <input type="password" autocomplete="off" style="display:none">
浏览器不自动提示以前输入过的属性 在input框上加入autocomplete=off

2.input type ="password"在IE、edge等浏览器下显示密码的小眼睛、X 等小图标，隐藏掉。

::-ms-clear,::-ms-reveal{display:none;}

3.隐藏浏览器的滚动条:  ::-webkit-scrollbar { width: 0 !important } ie这个属性不兼容

4.pre标签: 设置自动换行等属性

pre {

    white-space: pre-wrap;

    word-wrap: break-word;

    margin: 0;

}

5.禁止用户缩放手机比列   

 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

width=device-widt ：屏幕宽度

initial-scale：初始比列

maximum-scale=1.0：最大比列

 user-scalable=0：禁止缩放