容易忘记的样式
::-webkit-input-placeholder{
font-size:.35rem;
color:#bdbdbd;
text-align: center
} /* 使用webkit内核的浏览器 */
:-moz-placeholder{
font-size:.35rem;
color:#bdbdbd;
text-align: center
} /* Firefox版本4-18 */
::-moz-placeholder{
font-size:.35rem;
color:#bdbdbd;
text-align: center
} /* Firefox版本19+ */
:-ms-input-placeholder{
font-size:.35rem;
color:#bdbdbd;
text-align: center
}
::-ms-input-placeholder{
font-size:.35rem;
color:#bdbdbd;
text-align: center
}
前面可加具体的input的选择器不同宽度屏幕的一些适配方案
1，运用media媒体查询
2，运用max-width、margin:0 auto
用absolute模拟fixed定位
<head>
<title>Error</title>
<style>
html {
height: 100%;
overflow: hidden;
}
body {
height: 100%;
overflow: auto;
}
#fixed {
position: absolute;
left: 50px;
top: 50px;
width: 100px;
height: 100px;
background-color: green;
}
</style>
</head>
<body>
<div id="fixed"></div>
<div style='height: 1000px;'>这是一个可以滚动的div
<div>
</body>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。