1.移动端开发页面必须加一段代码：注：这段代码的主要意思是：让页面宽度等于设备宽度，缩放比例为1，并且禁止用户缩放。用于检测视口，主要作用是取消下方的滚动条，使页面适合屏幕。2.设置自己页面的最大宽度和最小宽度：{max-width:640px;最小宽度：320px；}主要作用是在屏幕足够大的情况下页面不会失真。3.兼容不同的手机屏幕尺寸：window.onload=window.onresize=function(){document.documentElement.style.fontSize=document.documentElement.clientWidth*40/640+'px';};移动端写这一段代码应该加在页面上。这段代码的意思是：让视口或页面的可见宽度对应根元素的字符大小。例如，上面的代码表示当视口宽度为640px时，让根元素的字符大小为40px（即1rem等于40px），这样当视口不断变化时，根元素的字符大小element也会不断变化，有一个固定的系数（1/16），这就产生了对应关系，即兼容不同的屏幕尺寸。具体用法：参考上面的js代码，在设计图为640px时测量距离，然后将距离除以40，将px转为rem，就可以了。注意：js中的40和640可以根据需要灵活更改，但注意最小字符大小默认为12px，widow.onload只能出现一次。4、去除a、手机浏览器输入法默认样式1、禁用标签背景。在移动端使用a标签作为按钮时，点击时会出现“深色”背景。去掉这个背景的方法如下：a,button,input,optgroup,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);}2.禁止长按a，img标签长按出现菜单栏usealabel此时在移动端长按会出现菜单栏。此时禁止呼出菜单栏的方法如下a,img{-webkit-touch-callout:none;}3.平滑滚动体{-webkit-overflow-scrolling:touch;}4.修改webkit表单输入框占位符的样式input::-webkit-input-placeholder{color:#AAAAAA;}input:focus::-webkit-input-placeholder{color:#EEEEEE;}5.禁止ios用androiduser.css选择文字{-webkit-user-select:none}5.其他1.手机拍照上传图片2.取消ios下输入，输入时默认英文首字母大写3.打电话和发短信Call:0755-10086Sendtext:10086viewporttemplate<标题>title
