モバイルエンドresetスタイル、どのくらい知っていますか?

最近モバイル端末のプロジェクトをしていて、reset.cssスタイルについて、特にまとめました.
移動端のresetの様式については、主に以下の注意点があります.

box-sizing: border-box;ケースモデルの設置は、主な目的はコンテンツオーバーフローを防止するため

である.

-webkit-tap-highlight-color: transparent;モバイルブラウザのハイライトをクリア

*,
::before,
::after {
    margin: 0;
    padding: 0;
    /*       */
    box-sizing: border-box;
    /*          ，           ，    webkit    */
    -webkit-box-sizing: border-box;
    /*               */
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: 'Microsoft Yahei', sans-serif;
    font-size: 14px;
    color: #333;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
    color: #333;
}

input,
textarea {
    outline: none;
    border: none;
    /*   textarea          */
    resize: none;
    /*               */
    -webkit-appearance: none;
}

転載先:https://juejin.im/post/5d04b52bf265da1bc64bc045