看不清
√十天内免登录忘记密码?
还没账号?马上注册
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、打电话和发短信四、CSS reset@charset "utf-8";/* reset */html{-webkit-text-size-adjust:none;-webkit-user-select:none;-webkit-touch-callout: nonefont-family: Helvetica;}body{font-size:12px;}body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,pre,form,input,textarea,th,td,select{margin:0; padding:0; font-weight: normal;text-indent: 0;}a,button,input,textarea,select{ background: none; -webkit-tap-highlight-color:rgba(255,0,0,0); outline:none; -webkit-appearance:none;}em{font-style:normal}li{list-style:none}a{text-decoration:none;}img{border:none; vertical-align:top;}table{border-collapse:collapse;}textarea{ resize:none; overflow:auto;}/* end reset */五、常用公用CSS style/* public *//* 清除浮动 */.clear { zoom:1; }.clear:after { content:''; display:block; clear:both; }/* 定义盒模型为怪异和模型(宽高不受边框影响) */.boxSiz{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}/* 强制换行 */.toWrap{word-break: break-all; /* 只对英文起作用,以字母作为换行依据。 */word-wrap: break-word; /* 只对英文起作用,以单词作为换行依据。*/white-space: pre-wrap; /* 只对中文起作用,强制换行。*/}/* 禁止换行 */.noWrap{white-space:nowrap;}/* 禁止换行,超出省略号 */.noWrapEllipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}/* 文字两端对齐 */.text-justify{text-align:justify;text-justify:inter-ideograph;}/* 定义盒模型为 flex布局兼容写法并让内容水平垂直居中 */.flex-center{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -o-box;display: box;-webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;-o-box-pack: center;box-pack: center;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-o-box-align: center;box-align: center;}/* public end */
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="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0.5em 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px 0px 0px 1em; padding: 0px; vertical-align: top; display: inline-block; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; text-align: center; color: rgb(255, 255, 255); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">一、meta标签的相关知识</section></section></section></section></section><section style="margin: 0px; padding: 0px; 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="margin: -2em 0px 0px; padding: 0px; width: 3em; height: 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="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">1、移动端页面设置视口宽度等于设备宽度,并禁止缩放</strong>。</section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 10px 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; 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="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">2、移动端页面设置视口宽度等于定宽(如640px),并禁止缩放,常用于微信浏览器页面。</strong></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 10px 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; 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="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">3、禁止将页面中的数字识别为电话号码</strong></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 10px 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">1 <meta name="format-detection" content="telephone=no" /><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">4、忽略Android平台中对邮箱地址的识别</strong></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 10px 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; 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="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">5、当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari</strong></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 10px 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><!-- ios7.0版本以后,safari上已看不到效果 --><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">6、将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式</strong></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 10px 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><!-- 可选default、black、black-translucent --><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">viewport模板</strong></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 10px 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><!DOCTYPE html></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><html></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><head></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><meta charset="utf-8"></section><section style="margin: 0px; padding: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><meta content="yes" name="apple-mobile-web-app-capable"></section><section style="margin: 0px; padding: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><meta content="telephone=no" name="format-detection"></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><meta content="email=no" name="format-detection"></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><title>title</title></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><link rel="stylesheet" href="index.css"></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"></head></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><body></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">content...</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"></body></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"></html></section><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0.5em 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px 0px 0px 1em; padding: 0px; vertical-align: top; display: inline-block; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; text-align: center; color: rgb(255, 255, 255); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">二、CSS的样式技巧</section></section></section></section></section><section style="margin: 0px; padding: 0px; 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="margin: -2em 0px 0px; padding: 0px; width: 3em; height: 2em; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; background-color: rgb(249, 110, 87);"></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">1、禁止ios和android用户选中文字</strong></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 10px 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">.css{-webkit-user-select:none}<br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">2、禁止ios长按时触发系统的菜单,禁止ios&android长按时下载图片</strong></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 10px 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">.css{-webkit-touch-callout: none}<br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">3、webkit去除表单元素的默认样式</strong></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 10px 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">.css{-webkit-appearance:none;}<br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">4、修改webkit表单输入框placeholder的样式</strong></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 10px 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">input::-webkit-input-placeholder{color:#AAAAAA;}</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">input:focus::-webkit-input-placeholder{color:#EEEEEE;}<br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">5、去除<code style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">android a/button/input</code>标签被点击时产生的边框 & 去除ios <code style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">a</code>标签被点击时产生的半透明灰色背景</strong></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 10px 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">6、ios使用<code style="margin: 0px; padding: 0px; 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="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 10px 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><span style="margin: 0px; padding: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">7、android 上去掉语音输入按钮</strong></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 10px 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">input::-webkit-input-speech-button {display: none}<br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">8、移动端定义字体,移动端没有微软雅黑字体</strong></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 10px 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">/* 移动端定义字体的代码 */body{font-family:Helvetica;}<br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0.5em 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px 0px 0px 1em; padding: 0px; vertical-align: top; display: inline-block; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; text-align: center; color: rgb(255, 255, 255); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">三、其他技巧</section></section></section></section></section><section style="margin: 0px; padding: 0px; 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="margin: -2em 0px 0px; padding: 0px; width: 3em; height: 2em; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; background-color: rgb(249, 110, 87);"></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">1、手机拍照和上传图片</strong></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 10px 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><!-- 选择照片 --></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><input type=file accept="image/*"></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><!-- 选择视频 --></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><input type=file accept="video/*"><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">2、取消input在ios下,输入的时候英文首字母的默认大写</strong></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 10px 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><input autocapitalize="off" autocorrect="off" /><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><strong style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;">3、打电话和发短信</strong></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 10px 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;"/></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0.5em 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px 0px 0px 1em; padding: 0px; vertical-align: top; display: inline-block; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; text-align: center; color: rgb(255, 255, 255); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">四、CSS reset</section></section></section></section></section><section style="margin: 0px; padding: 0px; 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="margin: -2em 0px 0px; padding: 0px; width: 3em; height: 2em; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; background-color: rgb(249, 110, 87);"></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 10px 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">@charset "utf-8";</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">/* reset */</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">html{</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">-webkit-text-size-adjust:none;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">-webkit-user-select:none;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">-webkit-touch-callout: none</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">font-family: Helvetica;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">}</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">body{font-size:12px;}</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,pre,form,input,textarea,th,td,select{margin:0; padding:0; font-weight: normal;text-indent: 0;}</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">a,button,input,textarea,select{ background: none; -webkit-tap-highlight-color:rgba(255,0,0,0); outline:none; -webkit-appearance:none;}</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">em{font-style:normal}</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">li{list-style:none}</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">a{text-decoration:none;}</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">img{border:none; vertical-align:top;}</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">table{border-collapse:collapse;}</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">textarea{ resize:none; overflow:auto;}</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">/* end reset */</section><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section></section></section></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box !important;"/></section></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 0.5em 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px 0px 0px 1em; padding: 0px; vertical-align: top; display: inline-block; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; text-align: center; color: rgb(255, 255, 255); word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">五、常用公用CSS style</section></section></section></section></section><section style="margin: 0px; padding: 0px; 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="margin: -2em 0px 0px; padding: 0px; width: 3em; height: 2em; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box; background-color: rgb(249, 110, 87);"></section></section></section><section style="white-space: normal;" class="Powered-by-XIUMI V5"><section style="margin: 10px 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; 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="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;" class="Powered-by-XIUMI V5"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-size: 14px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">/* public */</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">/* 清除浮动 */</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">.clear { zoom:1; }</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">.clear:after { content:''; display:block; clear:both; }</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">/* 定义盒模型为怪异和模型(宽高不受边框影响) */</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">.boxSiz{</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">-webkit-box-sizing: border-box;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">-moz-box-sizing: border-box;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">-ms-box-sizing: border-box;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">-o-box-sizing: border-box;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">box-sizing: border-box;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">}</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">/* 强制换行 */</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">.toWrap{</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">word-break: break-all; /* 只对英文起作用,以字母作为换行依据。 */</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">word-wrap: break-word; /* 只对英文起作用,以单词作为换行依据。*/</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">white-space: pre-wrap; /* 只对中文起作用,强制换行。*/</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">}</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">/* 禁止换行 */</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">.noWrap{</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">white-space:nowrap;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">}</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">/* 禁止换行,超出省略号 */</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">.noWrapEllipsis{</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">white-space:nowrap; overflow:hidden; text-overflow:ellipsis;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">}</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">/* 文字两端对齐 */</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">.text-justify{</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">text-align:justify;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">text-justify:inter-ideograph;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">}</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">/* 定义盒模型为 flex布局兼容写法并让内容水平垂直居中 */</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">.flex-center{</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">display: -webkit-box;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">display: -moz-box;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">display: -ms-flexbox;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">display: -o-box;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">display: box;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">-webkit-box-pack: center;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">-moz-box-pack: center;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">-ms-flex-pack: center;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">-o-box-pack: center;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">box-pack: center;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">-webkit-box-align: center;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">-moz-box-align: center;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">-ms-flex-align: center;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">-o-box-align: center;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">box-align: center;</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">}</section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"><br style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;"/></section><section style="margin: 0px; padding: 0px; word-wrap: break-word !important; max-width: 100%; box-sizing: border-box;">/* public end */</section></section></section></section></section></section></section></p><p><br/></p>