移动端CSS RESET
来源:互联网 发布:乔丹生涯总数据 编辑:程序博客网 时间:2024/06/05 08:30
以iphone6的750的视觉稿为准
/*css reset*/html{font-size: 85.3333px;}body{font-size: 0.14rem; }/*实际相当于14px*//* iphone 6 */@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){ /*html{font-size: 117.1875px;}*/html{font-size: 100px}}/* iphone6 plus */@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){ /*html{font-size: 129.375px;}*/ html{font-size: 110.4px;}}/* CSS reset */body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0;}h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}li { list-style: none;}img { border: none; vertical-align: top;}a:-webkit-any-link { color: inherit; text-decoration:none; cursor: auto;}input, input:focus, input:active, input:hover,button{border:none; outline:none; background-color:transparent;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}/* 公共样式 */html{ position: relative; min-height: 100%;}body { font-family: PingFangSC-Regular, Helvetica, 'Microsoft Yahei', tahoma, sans-serif; width: 100%; height: 100%; text-align: left; //background: #ebecf1; -webkit-tap-highlight-color:rgba(0,0,0,0); -moz-user-select:none; -webkit-user-select:none;}.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;}*{ box-sizing: border-box;}
750视觉稿为例,显示高度200px;则height:1rem;
0 0
- 移动端CSS Reset
- 移动端reset.css
- 移动端CSS Reset
- 移动端CSS RESET
- 移动端css reset
- 移动端CSS初始化reset.css
- 史上最全的移动端reset
- Reset Css
- CSS-Reset
- CSS RESET
- reset.css
- reset.css
- CSS Reset
- CSS RESET
- CSS RESET
- reset.css
- CSS Reset
- css reset
- RecyclerView中CheckBox复用处理以及批量操作
- css中的position属性
- Android UI设计与开发
- mysql select if
- 设计模式之六大原则
- 移动端CSS RESET
- Spring中jdbcTemplate的用法
- Filter(下)
- Linux 常用命令学习总结
- 二叉树
- NodeJS优缺点及适用场景讨论
- PAT乙级刷题记录-3n+1猜想
- Tensorflow代码解析(二)
- Codeforces Round #402 (Div. 2)A.B.C.D