web移动端css reset
2024-09-06 07:56:00
通用版css reset，pc端使用只需要修改html{font-size: 10px;}为html{font-size: 12px;}
@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
width: 100%;
height: 100%;
}
html {
font-family: 'sans-serif',"Microsoft YaHei","微软雅黑","Tahoma","Helvetica";
font-size: 10px;
background: #fff;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
border: 0； max-width:100%!important;
vertical-align: middle;
}
address,caption,cite,code,dfn,i,em,strong,th,var {
font-weight: normal;
font-style: normal;
}
ol,ul {
list-style: none;
}
a {
text-decoration: none;
}
a:hover,a:focus {
outline: none;
}
caption,th {
text-align: left;
font-weight: normal;
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;
}
q:before,q:after {
content: ”;
}
abbr,acronym {
border: 0;
}
button,input,optgroup,select,textarea {
margin: 0;
font: inherit;
color: inherit;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
:before,:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {
display: block;
}
@media screen and (min-width:100px) {
/* iPhone 4,5 */
html {
font-size: 10px;
}
}
@media screen and (min-width:320px) {
/* iPhone 4,5 */
html {
font-size: 10px;
}
}
@media screen and (min-width:375px) {
/* iPhone 6 */
html {
font-size: 12px;
}
}
@media screen and (min-width:414px) {
/* iPhone 6 plus */
html {
font-size: 12px;
}
}
@media screen and (min-width:600px) {
html {
font-size: 14px;
}
}
最新文章
- [转]理解JavaScript中的事件处理
- C#使用NPOI导出Excel表格
- Xcode注释插件 VVDocumenter 升级Xcode6.x 失效的解决办法
- 第一部分实现功能：使用一个TabControl和一个Memo和TDictionary类实现文本临时存储
- Chrome测试网站加载时间与流量消耗
- java日期int和String互转
- 49、word2vec - tensorflow
- JAVA课程设计+购物车 个人博客
- Spring装配Bean之Java代码装配bean
- 【BZOJ2243】【SDOI2011】染色（树链剖分，线段树）
- C语言 分支与循环 递推思想 穷举 流程的转移控制
- 如何给CentOS 安装Vmware Tools
- 调试django项目的土方法
- oracle undo redo 解析
- IOS 通过脚本自动打包工具 webfrogs/xcode_shell
- English trip -- VC(情景课)4 C My feet hurt 我脚痛
- Spark程序本地运行
- 网路防火墙iptables
- 2016级算法第六次上机-A.Bamboo之寻找小金刚
- python实战——文本挖掘+xgboost预测+数据处理+准确度计算整合版