关于表单:
placeholder input默认样式修改:
input::-webkit-input-placeholder { /* WebKit browsers */
font-size:14px;
}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
font-size:14px;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
font-size:14px;
}
input::-ms-input-placeholder { /* Internet Explorer 10+ */
font-size:14px;
}
图片不变形的写法
.img4{width: 100%;height: 90px;}
.img4 img{
max-width: 100%;
max-height: 100%;
}
图片按钮的写法
<input type="image" src="a.jpg"/>
/* 移动端定义字体的代码 */
body{font-family:Helvetica;}
display:flex 水平居中
通过display:flex实现CSS水平居中的原理是父元素display:flex;flex-direction:column;而子元素align-
self:center;
这个跟CSS垂直居中的原理是一样的，只是在flex-direction上有所差别，一个是row(默认值)，另外一个是column
。
小程序整个不能超过2M 上传的图 不需要的都删掉 限制下图片兆数
1k=1024B 1MB=1024k
