页面小技巧

去除苹果手机电话号码默认的样式：

<meta name="format-detection" content="telephone=no"/>

 

移动端页面(一比一显示，禁止双击放大)：

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

 

css3方式，禁止双击选中文本(对input框内的内容无效)

-webkit-touch-callout: none; /* iOS Safari */

-webkit-user-select: none; /* Chrome/Safari/Opera */

-khtml-user-select: none; /* Konqueror */

-moz-user-select: none; /* Firefox */

-ms-user-select: none; /* Internet Explorer/Edge */

user-select: none;

 

CSS3方式，文本内容过长显示省略号...

span{

display: inline-block;

max-width: 180px;

overflow:hidden;

white-space:nowrap;

text-overflow:ellipsis;

}