CSS代码重置浏览器默认样式
来源:互联网 发布:丹朱围棋软件 编辑:程序博客网 时间:2024/05/22 12:50
大家可根据自己的项目开发情况自行修改一下代码:
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
list-style: none;
margin: 0px;
padding: 0px;
}
html,body {
font-size: 20px;
height:100%;
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
@media only screen and (min-width: 320px) {
html {
font-size: 19px !important;
}
}
@media only screen and (min-width: 400px) {
html {
font-size: 21.33333333px !important;
}
}
@media only screen and (min-width: 414px) {
html {
font-size: 22.08px !important;
}
}
@media only screen and (min-width: 480px) {
html {
font-size: 25.6px !important;
}
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
a {
background-color: transparent;
}
a:active,a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
code,kbd,pre,samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
font: inherit;
color: inherit;
outline: none;
}
button {
overflow: visible;
}
button,select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/* placeholder color custom */
::-moz-input-placeholder { line-height: 100%;}
::-webkit-input-placeholder { line-height: 100%; }
:-ms-input-placeholder { line-height: 100%;}
table {
border-spacing: 0;
border-collapse: collapse;
}
1 0
- CSS代码重置浏览器默认样式
- 重置css默认样式
- 用reset.css重置浏览器默认样式的重要性
- CSS初始化代码,重置浏览器中CSS默认属性(2)
- 各种浏览器样式重置 css
- css初始化样式(重置默认样式)
- [ CSS ] 浏览器默认样式!
- Normalize.css的功能用处,是不是重置浏览器默认样式表?
- CSS RESET —— 浏览器样式重置
- user agent stylesheet浏览器默认样式及样式重置
- 分享一下CSS样式重置代码
- 【CSS】CSS消除浏览器的默认样式
- 没人性的js / 重置浏览器默认样式/虚线/css引用/空格/页面边距/rails tag/字体
- 菜鸟CSSer之-重置浏览器默认样式
- 默认样式重置标准版
- 重设浏览器默认样式base.css
- base.css(重设浏览器默认样式)
- 关于reset.css的疑问:为什么一定要重置浏览器样式?
- Android——自定义通知栏使用
- 使用Enterprise Architect 设计数据库
- Python基础——@staticmethod与@classmethod
- JS判断是否是微信页面,判断手机操作系统(ios或android)并跳转到不同下载页面
- 【蓝桥杯】【组素数】
- CSS代码重置浏览器默认样式
- 【鸟哥读书笔记】Linux 文件权限及相关操作
- 亲身实践解决 : insmod hello.ko -1 Invalid module format 的问题
- hdu 1874 畅通工程续(dijkstr朴素)
- 溢出 隐式转换 负数存储
- 快速排序的基本思想及其java的实现
- DEDECMS自定义表单时间戳转换成常规时间方法及添加时间方法
- 第一行代码总结:10网络:10.1WebView的用法
- 安装LNMP记录