@charset "utf-8";
html {
font-family: "Helvetica Neue",Helvetica, sans-serif;
/*谷歌浏览器字体最小字体12px*/
-webkit-text-size-adjust: 100%;/*100%/none 关闭字体大小自动调整功能*/
/*a标签及拥有 :active伪类的元素有默认的高亮框*/
-webkit-tap-hightlight-color: transparent;
/*禁止文本被选中*/
-webkit-user-select: none;
}
body{
font-family: Helvetica;
overflow-x: hidden;
/*开启moblie网页快速滚动和回弹的效果*/
-webkit-overflow-scrolling: touch;
font-size: 12px;
}
/* 清除默认样式 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a{
color: #333;
text-decoration: none;
}
em, i {
font-style: normal;
}
ul, li, ol {
list-style-type: none;
}
strong {
font-weight: normal;
}
a, img {
/*阻止长按页面,弹出菜单的方法*/
-webkit-touch-callout:none;
}
input, textarea {
-webkit-appearance: none;
outline: none;
border: none;
}
/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
/* 取消链接高亮 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 移动端点击a链接出现蓝色背景问题解决 */
a:link,a:active,a:visited,a:hover {
background: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}
/* 禁止缩放表单 */
input[type="submit"], input[type="reset"], input[type="button"], input {
resize: none;
border: none;
}
/*修改placeholder的字体颜色*/
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000;
}
input:-ms-input-placeholder{
color: #000;
}
input::-webkit-input-placeholder{
color: #000;
}
/* 图片自适应 */
img {
width: 100%;
height: auto;
border: 0;
width: auto\9; /* ie8 */
display: block;
-ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
vertical-align: middle;
}
/* 清除浮动 */
.clearfix:after{
content: "";
display: block;
width: 100%;
height: 0;
clear: both;
}
/*单行溢出*/
.one-txt-cut{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/*多行溢出 手机端使用*/
.txt-cut{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* -webkit-line-clamp: 2; */
-webkit-box-orient: vertical;
}
.w50{
width: 50%;
}
.w25{
width: 25%;
}
.w20{
width: 20%;
}
.w33{
width: 33.333333%;
}
.fl{
float: left;
}
.fr{
float: right;
}
.db{
display: block !important;
}
.dn{
display: none;
}
移动端 css通用样式表
最新推荐文章于 2024-02-20 20:08:02 发布