標準適配方案:
<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%;}//頂部搜索