标准适配方案:
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">快捷方式meta:vp +tab键CSS中设置的问题:1.最好不要使用JQuery,浏览器内核问题2.base.css:*,*::before, *::after{ //全部标签,伪类 margin:0; padding:0; //取消边距 box-sizing:boder-box; -webkit-box-sizing:boderbox; //取消边框 tap-highlight-color:transparent; -webkit-tap-highlight-color:transparent; //取消轻触变色}body{ font-size:14px; font-family:"Microsoft",san-serif; color:#333;}ul,ol{ list-style:none;}a{ text-decoration:none; color:#333;}input,textarea{ boder:none; outline:none; resize:none;//不容许改变输入框尺寸 -webkit-appearance:none;//元素的外观none:没有任何样式}.f_left{ float:left;}.f_right{ float:right;}.clearFix::before;.clearFix::after{ content:""; display:block; visibility:hidden; height:0; line_height:0; clear:both;}.m_l10{ margin-left:10px;}.m_r10{ margin-right:10px;}.m_t10{ margin-top:10px;}.m_b10{ margin-bottom:10px;}3.index.css://版心.jd_container{ min-width:320px; max-width:640px; width:100%; margin:0 auto; background:pink; height:100%;}//顶部搜索