看不清
√十天内免登录忘记密码?
还没账号?马上注册
1、移动端页面设置视口宽度等于设备宽度,并禁止缩放。1 2、移动端页面设置视口宽度等于定宽(如640px),并禁止缩放,常用于微信浏览器页面。1 3、禁止将页面中的数字识别为电话号码1 4、忽略Android平台中对邮箱地址的识别1 5、当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari1 6、将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式1 viewport模板titlecontent...二、CSS的样式技巧1、禁止ios和android用户选中文字.css{-webkit-user-select:none}2、禁止ios长按时触发系统的菜单,禁止ios&android长按时下载图片.css{-webkit-touch-callout: none}3、webkit去除表单元素的默认样式.css{-webkit-appearance:none;}4、修改webkit表单输入框placeholder的样式input::-webkit-input-placeholder{color:#AAAAAA;}input:focus::-webkit-input-placeholder{color:#EEEEEE;}5、去除android a/button/input标签被点击时产生的边框 & 去除ios a标签被点击时产生的半透明灰色背景a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}6、ios使用-webkit-text-size-adjust禁止调整字体大小body{-webkit-text-size-adjust: 100%!important;}7、android 上去掉语音输入按钮input::-webkit-input-speech-button {display: none}8、移动端定义字体,移动端没有微软雅黑字体/* 移动端定义字体的代码 */body{font-family:Helvetica;}三、其他技巧1、手机拍照和上传图片2、取消input在ios下,输入的时候英文首字母的默认大写3、打电话和发短信
android a/button/input
a
-webkit-text-size-adjust
全部评分
总计:赞0次
南有暖村树
很棒的啊
起个名字你猜我叫啥
很棒的啊 给小伙伴们去分享了啊
隔壁家的老王
总结的很对啊
K哥馆
最后发贴: 2023-12-30 16:11
一个高大上的名字
最后发贴: 2016-03-18 20:26
课课家运营团队
最后发贴: 2021-11-01 22:54
最后发贴: 2016-03-08 22:23
一路风景都看透
最后发贴: 2016-03-08 22:18
论坛站务软件水平考试华为认证计算机等级PMP认证思科认证Photoshop3DMAX编程语言移动开发系统运维产品运营淘宝营销办公软件Ps修图云计算大数据摄影就业
<section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 0.5em; margin-bottom: 0.5em; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin-left: 1em; vertical-align: top; display: inline-block; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 5px 10px; display: inline-block; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; background-color: rgb(249, 110, 87);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="text-align: center; color: rgb(255, 255, 255); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">一、meta标签的相关知识</section></section></section></section></section><section style="width: 0px; border-top-color: rgb(140, 65, 53); border-right-color: rgb(140, 65, 53); border-bottom-color: transparent !important; border-left-color: transparent !important; border-top-width: 0.5em; border-right-width: 1em; border-bottom-width: 0.5em !important; border-left-width: 1em !important; border-top-style: solid; border-right-style: solid; border-bottom-style: solid !important; border-left-style: solid !important; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"></section></section><section style="width: 3em; height: 2em; margin-top: -2em; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; background-color: rgb(249, 110, 87);"></section></section></section><p><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">1、移动端页面设置视口宽度等于设备宽度,并禁止缩放</strong>。</section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 10px; margin-bottom: 10px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 10px; border: 1px solid rgb(192, 200, 209); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; box-shadow: 0px 0px 10px rgb(170,170,170); background-color: rgb(250, 250, 239);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">1 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /></section></section></section></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">2、移动端页面设置视口宽度等于定宽(如640px),并禁止缩放,常用于微信浏览器页面。</strong></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 10px; margin-bottom: 10px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 10px; border: 1px solid rgb(192, 200, 209); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; box-shadow: 0px 0px 10px rgb(170,170,170); background-color: rgb(250, 250, 239);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">1 <meta name="viewport" content="width=640,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /></section></section></section></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">3、禁止将页面中的数字识别为电话号码</strong></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 10px; margin-bottom: 10px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 10px; border: 1px solid rgb(192, 200, 209); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; box-shadow: 0px 0px 10px rgb(170,170,170); background-color: rgb(250, 250, 239);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">1 <meta name="format-detection" content="telephone=no" /><br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">4、忽略Android平台中对邮箱地址的识别</strong></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 10px; margin-bottom: 10px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 10px; border: 1px solid rgb(192, 200, 209); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; box-shadow: 0px 0px 10px rgb(170,170,170); background-color: rgb(250, 250, 239);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">1 <meta name="format-detection" content="email=no" /></section></section></section></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">5、当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari</strong></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 10px; margin-bottom: 10px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 10px; border: 1px solid rgb(192, 200, 209); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; box-shadow: 0px 0px 10px rgb(170,170,170); background-color: rgb(250, 250, 239);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">1 <meta name="apple-mobile-web-app-capable" content="yes" /></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><!-- ios7.0版本以后,safari上已看不到效果 --><br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">6、将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式</strong></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 10px; margin-bottom: 10px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 10px; border: 1px solid rgb(192, 200, 209); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; box-shadow: 0px 0px 10px rgb(170,170,170); background-color: rgb(250, 250, 239);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">1 <meta name="apple-mobile-web-app-status-bar-style" content="black" /></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><!-- 可选default、black、black-translucent --><br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">viewport模板</strong></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 10px; margin-bottom: 10px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 10px; border: 1px solid rgb(192, 200, 209); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; box-shadow: 0px 0px 10px rgb(170,170,170); background-color: rgb(250, 250, 239);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><!DOCTYPE html></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><html></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><head></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><meta charset="utf-8"></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><meta content="yes" name="apple-mobile-web-app-capable"></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><meta content="black" name="apple-mobile-web-app-status-bar-style"></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><meta content="telephone=no" name="format-detection"></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><meta content="email=no" name="format-detection"></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><title>title</title></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><link rel="stylesheet" href="index.css"></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"></head></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><body></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">content...</section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"></body></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"></html></section><br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 0.5em; margin-bottom: 0.5em; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin-left: 1em; vertical-align: top; display: inline-block; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 5px 10px; display: inline-block; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; background-color: rgb(249, 110, 87);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="text-align: center; color: rgb(255, 255, 255); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">二、CSS的样式技巧</section></section></section></section></section><section style="width: 0px; border-top-color: rgb(140, 65, 53); border-right-color: rgb(140, 65, 53); border-bottom-color: transparent !important; border-left-color: transparent !important; border-top-width: 0.5em; border-right-width: 1em; border-bottom-width: 0.5em !important; border-left-width: 1em !important; border-top-style: solid; border-right-style: solid; border-bottom-style: solid !important; border-left-style: solid !important; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"></section></section><section style="width: 3em; height: 2em; margin-top: -2em; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; background-color: rgb(249, 110, 87);"></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">1、禁止ios和android用户选中文字</strong></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 10px; margin-bottom: 10px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 10px; border: 1px solid rgb(192, 200, 209); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; box-shadow: 0px 0px 10px rgb(170,170,170); background-color: rgb(250, 250, 239);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">.css{-webkit-user-select:none}<br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">2、禁止ios长按时触发系统的菜单,禁止ios&android长按时下载图片</strong></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 10px; margin-bottom: 10px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 10px; border: 1px solid rgb(192, 200, 209); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; box-shadow: 0px 0px 10px rgb(170,170,170); background-color: rgb(250, 250, 239);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">.css{-webkit-touch-callout: none}<br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">3、webkit去除表单元素的默认样式</strong></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 10px; margin-bottom: 10px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 10px; border: 1px solid rgb(192, 200, 209); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; box-shadow: 0px 0px 10px rgb(170,170,170); background-color: rgb(250, 250, 239);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">.css{-webkit-appearance:none;}<br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">4、修改webkit表单输入框placeholder的样式</strong></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 10px; margin-bottom: 10px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 10px; border: 1px solid rgb(192, 200, 209); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; box-shadow: 0px 0px 10px rgb(170,170,170); background-color: rgb(250, 250, 239);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">input::-webkit-input-placeholder{color:#AAAAAA;}</section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">input:focus::-webkit-input-placeholder{color:#EEEEEE;}<br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">5、去除<code style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">android a/button/input</code>标签被点击时产生的边框 & 去除ios <code style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">a</code>标签被点击时产生的半透明灰色背景</strong></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 10px; margin-bottom: 10px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 10px; border: 1px solid rgb(192, 200, 209); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; box-shadow: 0px 0px 10px rgb(170,170,170); background-color: rgb(250, 250, 239);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}<br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">6、ios使用<code style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">-webkit-text-size-adjust</code>禁止调整字体大小</strong></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 10px; margin-bottom: 10px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 10px; border: 1px solid rgb(192, 200, 209); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; box-shadow: 0px 0px 10px rgb(170,170,170); background-color: rgb(250, 250, 239);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="color: rgb(51, 51, 51); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><span style="font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">body{-webkit-text-size-adjust: 100%!important;}</span><br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">7、android 上去掉语音输入按钮</strong></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 10px; margin-bottom: 10px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 10px; border: 1px solid rgb(192, 200, 209); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; box-shadow: 0px 0px 10px rgb(170,170,170); background-color: rgb(250, 250, 239);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">input::-webkit-input-speech-button {display: none}<br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">8、移动端定义字体,移动端没有微软雅黑字体</strong></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 10px; margin-bottom: 10px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 10px; border: 1px solid rgb(192, 200, 209); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; box-shadow: 0px 0px 10px rgb(170,170,170); background-color: rgb(250, 250, 239);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">/* 移动端定义字体的代码 */body{font-family:Helvetica;}<br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 0.5em; margin-bottom: 0.5em; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin-left: 1em; vertical-align: top; display: inline-block; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 5px 10px; display: inline-block; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; background-color: rgb(249, 110, 87);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="text-align: center; color: rgb(255, 255, 255); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">三、其他技巧</section></section></section></section></section><section style="width: 0px; border-top-color: rgb(140, 65, 53); border-right-color: rgb(140, 65, 53); border-bottom-color: transparent !important; border-left-color: transparent !important; border-top-width: 0.5em; border-right-width: 1em; border-bottom-width: 0.5em !important; border-left-width: 1em !important; border-top-style: solid; border-right-style: solid; border-bottom-style: solid !important; border-left-style: solid !important; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"></section></section><section style="width: 3em; height: 2em; margin-top: -2em; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; background-color: rgb(249, 110, 87);"></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">1、手机拍照和上传图片</strong></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 10px; margin-bottom: 10px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 10px; border: 1px solid rgb(192, 200, 209); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; box-shadow: 0px 0px 10px rgb(170,170,170); background-color: rgb(250, 250, 239);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><!-- 选择照片 --></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><input type=file accept="image/*"></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><!-- 选择视频 --></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><input type=file accept="video/*"><br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">2、取消input在ios下,输入的时候英文首字母的默认大写</strong></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 10px; margin-bottom: 10px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 10px; border: 1px solid rgb(192, 200, 209); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; box-shadow: 0px 0px 10px rgb(170,170,170); background-color: rgb(250, 250, 239);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><input autocapitalize="off" autocorrect="off" /><br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">3、打电话和发短信</strong></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="margin-top: 10px; margin-bottom: 10px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="padding: 10px; border: 1px solid rgb(192, 200, 209); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; box-shadow: 0px 0px 10px rgb(170,170,170); background-color: rgb(250, 250, 239);"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"></section><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="color: rgb(62, 62, 62); white-space: normal; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important; background-color: rgb(255, 255, 255);" class="Powered-by-XIUMI V5"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;"/></section></section></section></section></p><p><br/></p>