适合移动端与PC端的 CSS Reset - m_base.css
2017-02-14 20:40
267 查看
具体代码
@charset "utf-8"; html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background: transparent; color: black } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, sumary { margin: 0; padding: 0; } body, button, input, select, textarea { font: 12px \5b8b\4f53, arial, sans-serif; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500 } ol, ul { list-style: none } input, select, textarea { font-size: 100%; -webkit-appearance: none; appearance:none; } table { border-collapse: collapse; border-spacing: 0 } th { text-align: inherit } caption, th { text-align: left } fieldset, img { border: 0 } img{ -webkit-user-select: none; -ms-user-select: none; user-select: none; } optgroup { font-weight: bold } button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer } audio, canvas, progress, video { display: inline-block } progress { vertical-align: baseline } mark { background-color: #ff0; color: #000 } iframe { display: block } abbr, acronym { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } del { text-decoration: line-through } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500 } q:before, q:after { content: '' } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } a:hover { text-decoration: underline } ins, a { text-decoration: none } a { -webkit-tap-highlight-color: rgba(255, 0, 0, 0); -moz-tap-highlight-color: rgba(255, 0, 0, 0); -ms-tap-highlight-color: rgba(255, 0, 0, 0); tap-highlight-color: rgba(255, 0, 0, 0); -webkit-touch-callout: none; touch-callout: none } a:focus, *:focus { outline: 0 } a:active, a:hover { outline-width: 0 } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } .clearfix:before, .clearfix:after { content: ""; display: table } .clearfix:after { clear: both; overflow: hidden } .clearfix { zoom: 1 } .clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden } .hide { display: none } .block { display: block } .fl, .fr { display: inline } .fl { float: left } .fr { float: right }
BUG 修复
2017/02/23 修复user-select:none作用在form元素上导致表单控件在IOS下无法输入的bug
相关文章推荐
- 适合移动端与PC端的 CSS Reset - m_base.css
- pc网页到移动端怎么自动加载适应移动端的css。
- 移动端APP CSS Reset及注意事项CSS重置
- PC和移动端的CSS重置样式表
- 一份适合中文的CSS RESET --- Dawn CSS Reset
- css移动端实现与pc端一样的:acitve效果
- pc/移动端(手机端)浏览器的直播rtmp hls(适合入门者快速上手)
- CSS-移动端 base模板
- 移动端html+css实现水平任意滚动(PC端也同理)
- 常用的 css reset,基本的base.css
- css移动端实现与pc端一样的:acitve效果
- css移动端实现与pc端一样的:acitve效果
- 【小月博客】 Html5 上传图片 移动端、PC端通用
- 如何判断移动端还是PC端
- css-移动端:acitve效果的实现
- 300+Jquery, CSS, MooTools 和 JS的导航菜单资源(总有一个适合你!)
- Javascript实现视频轮播在pc端与移动端均可
- phpcms二次开发pc_base::load_sys_class函数加载不进去类
- 浅谈PC和移动端的自适应