* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-appearance: none;/*去掉浏览器默认样式*/
-webkit-touch-callout: none;/*禁止触发默认系统菜单*/
}
body {
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;/*让页面在Native端滚动时模拟原生的弹性滚动,硬件加速*/
}
html {
font-size : 40px;
height: 100%;
font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p {
margin: 0;
padding: 0
}
ol,ul {
list-style: none
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal
}
input,textarea,select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
*font-size: 100%;
outline: medium;
}
input, textarea, button, a,select {
border: 0;
margin: 0;
outline: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
textarea {
resize: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
audio,canvas,video {
display: inline-block;
*display: inline;
*zoom: 1;
}
p,em,b,i {
font-style: normal;
font-weight: normal
}
a {
text-decoration: none;
color: #666;
outline: none;
-webkit-tap-highlight-color: transparent;
}
img {
max-width: 100%;
height: auto;
border: 0;
width: auto\9;/*ie8*/
}
a, img {
-webkit-touch-callout: none;/* 禁止长按链接与图片弹出菜单*/
}
html, body {
-webkit-user-select: none;/* 禁止选中文本(如无文本选中需求,此为必选项)*/
user-select: none;
}
input[type=number]: : -webkit-inner-spin-button,
input[type=number]: : -webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: ;
}/* 数字输入框文本后面的图标去除(如无文本选中需求,此为必选项,用webkit私有的伪元素给fix掉)*/
.container {
width: 16rem;
height: auto;
margin: 0 auto;
}
移动端base
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- jsonp 因为jsonp不是使用XMLHttpRequest对象 在移动端不用鼠标事件 touch事件 ...
- React Native (简称RN)是Facebook开源的跨平台移动应用开发框架,使用Javascript语言...
- 首页我们点击筛选可以弹出层 筛选 此处为弹出层 css样式文件#sliderbar{ position:ab...