App Mobile Developer HTML templates

Mobile Development Templates:

750 of the manuscript divided by 75:

<! DOCTYPE html>
　　
 Initialization style: 
 
@charset "Utf-8";/* Disables the automatic resizing of safari in iphone */html {-webkit-text-size-adjust:100%;    -ms-text-size-adjust:100%; /* Resolve the iOS default sliding very card situation */-webkit-overflow-scrolling:touch;}    /* Prohibit scaling form */input[type= "Submit"], input[type= "reset", input[type= "button"], input {resize:none; Border:none;} /* Unlink highlighting */body, Div, UL, Li, OL, H1, H2, H3, H4, H5, H6, input, textarea, select, p, DL, DT, DD, A, IMG, button, form, table, TH, TR, TD, Tbody, article, aside, details, figcaption, figure, Footer, Header, Hgroup, menu, nav, section {-we    Bkit-tap-highlight-color:rgba (0, 0, 0, 0);    Border:none;    Outline:none; Font-weight:normal;} /* Set HTML5 elements to block */article, aside, details, figcaption, figure, Footer, Header, Hgroup, menu, nav, section {Display:blo ck;}    /* Picture adaptive */img {width:100%;    Height:auto; width:auto\9; /* IE8 *//*display:block;*/-ms-interpolation-mode:bicubic;/* to take care of IE picture scaling distortion */}/* initialize */body, Div, UL, Li, OL, H1, H 2, H3, H4, H5, H6, input, textarea, sElect, p, DL, DT, DD, A, IMG, button, form, table, TH, TR, TD, Tbody, article, aside, details, figcaption, figure, footer,    Header, Hgroup, menu, nav, section {margin:0; padding:0;}    Body {font:12px/1.5 ' Microsoft yahei ', ' Arial ', Tahoma, Arial, Sans-serif;    Color: #555;    /*background-color: #F7F7F7; */}button{Border:none;    Outline:none; border-radius:6px;} Em, I {font-style:normal;} ul,li{List-style-type:none;} strong {font-weight:normal;}.    Clearfix:after {content: "";    Display:block;    Visibility:hidden;    height:0; Clear:both;}. Clearfix {zoom:1;}    a {text-decoration:none; Color: #000;/* #969696; */font-family: ' Microsoft yahei ', Tahoma, Arial, Sans-serif;} a:hover {text-decoration:none;} UL, ol {List-style:none;}    H1, H2, H3, H4, H5, h6 {font-size:100%; font-family: ' Microsoft Yahei ';} img {border:none;} input{font-family: ' Microsoft Yahei ';}    /* Single-line overflow */.one-txt-cut{Overflow:hidden; White-space:noWrap Text-overflow:ellipsis;}    /* Multi-line overflow mobile phone end using */.txt-cut{overflow:hidden;    Text-overflow:ellipsis;    Display:-webkit-box; /*-WEBKIT-LINE-CLAMP:2; */-webkit-box-orient:vertical;}    /* Mobile Side click a link appears blue background problem resolution */a:link,a:active,a:visited,a:hover {background:none;    -webkit-tap-highlight-color:rgba (0,0,0,0); -webkit-tap-highlight-color:transparent;} Table {Border-spacing:0;border-collapse:collapse;text-align:center;}.  splitwordonerow{Overflow:hidden;  Text-overflow:ellipsis; White-space:nowrap;}.  splitword{display:-webkit-box;  -webkit-box-orient:vertical;  -webkit-line-clamp:2;  Overflow:hidden; Text-overflow:ellipsis;}
The method of dividing the manuscript by 40:
    <script type= "Text/javascript" >        (Function (Doc, win) {            var docel = doc.documentelement;            var resizeevt = ' orientationchange ' in window? ' Orientationchange ': ' Resize ';            var recalc = function () {                var clientwidth = docel.clientwidth;                if (!clientwidth) {                    return;                }                docEl.style.fontSize = * (clientwidth/375) + ' px ';            };            if (!doc.addeventlistener) return;            Win.addeventlistener (Resizeevt, Recalc, false);            Doc.addeventlistener (' domcontentloaded ', Recalc, false);        }) (document, window);    </script>
　　
App Mobile Developer HTML templates