Mobile-friendly Reset.css

HTML{Color:#333;/*Specify the main hue, depending on the business scenario (not required)*/background:#F6F6F6;/*Specify the main background, depending on the business scenario (not required)*/overflow-y:Auto;/*if an overflow automatically forms a scroll bar*/-webkit-text-size-adjust:100%;/*adjust text When you don't want your iphone to switch on the screen*/-ms-text-size-adjust:100%;}HTML *{/*all elements*/Outline:None;-webkit-tap-highlight-color:rgba (0, 0, 0, 0);/*Remove Mobile Development Click event Gray background such as a tag*/}body,html{Height:100%;}Article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1, H2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0;}Input,select,textarea{font-size:100%;}Table{Border-collapse:collapse;border-spacing:0;}fieldset,img{Border:None;}Address,caption,cite,code,dfn,em,th,var{Font-style:Normal;Font-weight: -;}Ol,ul{List-style:None;}H1,h2,h3,h4,h5,h6{font-size:100%;Font-weight: -;}Q:after,q:before{/*enclose the text at both ends of the <q></q> tag*/content:"';}a{text-decoration:None;}/*input*/Button{Border:None;}button,html input[type= ' button '],input[type= ' reset '],input[type= ' submit ']{-webkit-appearance:Button;/*style that is rendered as a button*/Text-transform:None;Outline:None;}Input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{Color:#999;/*font style for input box prompts*/}Input::-webkit-inner-spin-button{/*Resolve input Type= "number" a small button will appear on some phones*/-webkit-appearance:None;/*Removes the system default appearance style, commonly used to remove native styles under iOS*/}Input::-webkit-outer-spin-button{/*Resolve input Type= "number" a small button will appear on some phones*/-webkit-appearance:None;}textarea{vertical-align:Top;}Button,input{Line-height:Normal;}Select{margin:0;Outline:0;}Input.fixakeyboard:focus,textarea.fixandroidkeyboard:focus{-webkit-tap-highlight-color:Rgba (255, 255, 255, 0);-webkit-user-modify:read-write-plaintext-only;}Input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset!important;}Button,input[type=button],input[type=checkbox],input[type=reset],input[type=submit],label{cursor:Pointer;User-select:None;-ms-user-select:None;-moz-user-select:None;-webkit-user-select:None;}Input[type=submit]{-webkit-user-modify:read-plaintext-only;-moz-user-modify:read-plaintext-only;-ms-user-modify:read-plaintext-only;-o-user-modify:read-plaintext-only;user-modify:read-plaintext-only;}input[type= ' search ']::-webkit-search-cancel-button,input[type= ' search ']::-webkit-search-decoration{-webkit-appearance:None;}input[type= ' Search '{-webkit-box-sizing:Content-box;-moz-box-sizing:Content-box;box-sizing:Content-box;-webkit-appearance:TextField;}/*Flex Box*/. Flex{Display:Box;/*old-android 4.4-*/Display:-webkit-box;/*Old-ios 6-, Safari 3.1-6*/Display:-moz-box;/*Old-firefox 19-(buggy but mostly works)*/Display:-ms-flexbox;/*Tweener-ie Ten*/Display:-webkit-flex;/*New-chrome*/Display:Flex;-webkit-box-lines:multiple;-webkit-flex-wrap:Wrap;-moz-flex-wrap:Wrap;-ms-flex-wrap:Wrap;-o-flex-wrap:Wrap;Flex-wrap:Wrap;}. Justify-between{-webkit-box-pack:Justify;-webkit-justify-content:Space-between;-ms-flex-pack:Justify;justify-content:Space-between;}. Justify-center{-webkit-box-pack:Center;-webkit-justify-content:Center;-ms-flex-pack:Center;justify-content:Center;}. Vertical{-webkit-box-orient:Vertical;-webkit-box-direction:Normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}*,*:before,*:after{box-sizing:Border-box;/*all elements start with border to calculate box size*/}. Clearfix:after,.clearfix:before{/*Clear Floating*/content: " ";Display:Table;}. Clearfix:after{Clear:both;}. FL{float: Left;}. Fr{float: Right;}

Percent layout, also known as flow layout;
Clear the default click highlighting on the mobile side:-webkit-tap-highlight-color:transparent;
BASE.CSS:
*,::before,::after{
padding:0;
margin:0;
-webkit-box-sizing:border-box; Mainstream browser to do compatibility;
Box-sizing:border-box;
}

input{
Border:none;
Outline:none;
-webkit-appearance;//clears the default form style on the mobile side, such as the inner shadow effect;
}

Layout Time search box Package A form can realize the keyboard arrow into search two words;

Mobile-friendly Reset.css