移动站meta标识如何建立网站原始化设定

2021-04-05 03:08

移动站meta标识如何建立网站原始化设定

大家做手机上WAP移动站时,必须应用meta标识建立网站原始化设定,那样手机上网站便会合乎手机上访问页面了。

下列是移动站meta标识如何建立网站原始化设定。

版块总宽原始化设定

 meta http-equiv= Content-Type content= text/html; charset=utf-8 / 
meta name= viewport content= width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no /
meta content= yes name= apple-mobile-web-app-capable /
meta content= black name= apple-mobile-web-app-status-bar-style /
meta content= telephone=no name= format-detection /
meta content= email=no name= format-detection /

手机上访问器款式原始化

html, body ,div, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form,a,img,span,em,i,b,iframe,strong,label padding:0; margin:0;-webkit-tap-highlight-color: rgba 0,0,0,0 ; 
html,body height:100%;/*overflow-x: hidden;*/
html -webkit-font-smoothing: antialiased;-webkit-text-size-adjust:none;
body font-size: 16px;font-family:sans-serif; color: #000;background-color:#ececec;
article,aside,details,figcaption,figure,footer,header,hgroup,menu,main,nav,section,summary display:block;
ol,ul list-style: none;
a text-decoration: none; color: #333; cursor: pointer;-webkit-touch-callout:none;
em, i font-style: normal;
img vertical-align:middle;border:none; -webkit-touch-callout:none;
a,input, select, textarea,button padding:0; margin:0;border: 0;outline: 0; border-radius: 0; -webkit-appearance: none;
input:disabled background-color: #fff;
textarea resize: none;
table border-spacing: 0;border-collapse: collapse;
::-webkit-scrollbar width: 3px; height:3px;background-color:transparent;
::-webkit-scrollbar-track background-color:transparent;
::-webkit-scrollbar-thumb background-color:rgba 0, 0, 0, .298039 ;border-radius: 2px;
::-webkit-input-placeholder color: #666;opacity: 1;
:-moz-placeholder color: #666;opacity: 1;
::-moz-placeholder color: #666;opacity: 1;
:-ms-input-placeholder color: #666;opacity: 1;
/*响应式*/
@media screen and max-width: 680px
body font-size: 100%;
.wrap width: 100%;

@media screen and max-width: 480px
body font-size: 14px;
.wrap width: 100%;

@media screen and max-width: 359px
body font-size: 12px;
.wrap width: 100%;


扫描二维码分享到微信

在线咨询
联系电话

020-66889888