HTML code section:
<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8" /> <Metaname= "Viewport"content= "Width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <Metaname= "Author"content= "Vscss.com"> <Metaname= "Apple-mobile-web-app-capable"content= "Yes"> <Metaname= "Apple-mobile-web-app-status-bar-style"content= "BLACK"> <Metaname= "Format-detection"content= "Telephone=no"> <!--the expiration time of the Web page. Once the page expires, it must be retransmitted to the server - <Metahttp-equiv= "Cache-control"content= "No-cache"> <!--Request or response messages cannot be cached - <Metahttp-equiv= "Pragma"content= "No-cache"> <!--PS: The above 3 sentences clear the browser in the cache, it and a few other sentences together, it will allow you to re-enter the page you have visited, ie browser must download the latest content from the server, to achieve the effect of the refresh. - <Metaname= "description"content=""> <Metaname= "Keywords"content=""> <title></title> <Linkrel= "stylesheet"type= "Text/css"href= "Css/basic.css" /></Head><Bodyclass= "Mbody"><Scripttype= "Text/javascript"src= "Js/jquery.min.js"></Script></Body></HTML>
Public CSS Section:
@charset "Utf-8";/*Public Style*/* {Tap-highlight-color:Rgba (0,0,0,0);-webkit-tap-highlight-color:Rgba (0,0,0,0);/*when a user clicks on a link in the iOS Safari browser or a clickable element of JavaScript, the highlighted color of the overlay appears*/-ms-tap-highlight-color:Rgba (0,0,0,0);-webkit-box-sizing:Border-box;-moz-box-sizing:Border-box;-ms-box-sizing:Border-box;box-sizing:Border-box;padding:0;margin:0;Border:0;}HTML{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;/*Apple mobile device will be recognized, to ensure the text size*/Text-size-adjust:100%;/*the Text-size-adjust is set to None or 100% to turn off the font size auto-adjustment feature.*/}Body{-webkit-text-size-adjust:100%;background:#f2f2f2;Min-width:320px;margin:0 Auto;Height:100%;width:100%;Overflow-x:Hidden;-webkit-overflow-scrolling:Touch;/*allows for independent fast scrolling and touch bounce*/font-family:Pingfangsc-regular,helvetica, "Droid Sans", Arial,sans-serif;font-size:14px;Line-height:1;}A, Div, header, span{-webkit-tap-highlight-color:Rgba (255,255,255,0);}article, aside, details, figcaption, figure, Footer, Header, Hgroup, menu, nav, section{Display:Block;Clear:both;}H1, H2, H3, H4, H5, H6{font-size:100%;/*Assign font-size:100% to H series explicit test; it inherits the font size set by the body .*/Font-weight:Normal;}Ul,ol{List-style:outside None None;}img{vertical-align:Middle;font-size:0;Border:None;-ms-interpolation-mode:bicubic;/*Resolve image Scaling Distortion issues*/}a{text-decoration:None;Color:#333;}A, input, textarea{-webkit-tap-highlight-color:Rgba (0,0,0,0);Tap-highlight-color:Rgba (0,0,0,0);/*the user clicks on the link to override the highlighted color of the display*/Outline:0;/*go outside the box*/}input, select, Button{font-size:100%;vertical-align:Middle;Outline:0;}. Mbody{Max-width:640px; }. None{Display:None;}. f_l{float: Left;}. F_r{float: Right;}. Clearfix:after{content:".";Height:0;Clear:both;Display:Block;Visibility:Hidden;}. Ellipsis{White-space:nowrap;Text-overflow:ellipsis;Overflow:Hidden; }. BTN{padding:8px 15px;Background-color:#de3333;Color:#fff;text-align:Center;Border-radius:4px;}. Btn_block{Background-color:#de3333;Height:45px;Line-height:45px;Color:#fff;font-size:15px;text-align:Center;-webkit-border-radius:4px;margin:15px 20px;Display:Block;cursor:Pointer;}. Dir_arrow{Display:Inline-block;width:8px;Height:8px;Border:1px solid #666;Border-top:0;Border-right:0;Transform:Rotate ( -135deg);-webkit-transform:Rotate ( -135deg);-moz-transform:Rotate ( -135deg);}. Dir_arrow_top{Transform:Rotate (135deg);-webkit-transform:Rotate (135deg);-moz-transform:Rotate (135deg);}. Dir_arrow_bottom{Transform:Rotate ( -45deg);-webkit-transform:Rotate ( -45deg);-moz-transform:Rotate ( -45deg);}
Mobile phone-side code sharing section