SANJIN0527_的博客

效果图：代码： .btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 230px; height: 90px; line-height: 90px; text-align: c

1、使用@keyframes规则定义动画 如：@keyframes float-vertical { 0% { transform: translate3d(0, 0%, 0); } 25% { transform: translate3d(0, 5%, 0); } 75% { transform: translate3d(0, -5%, 0); } 100% { transform: translate3d(0, 0%, 0); }

问题出处： 在我们进行定位时要距离底部tab 100px 在安卓手机距离底部达到了我们的预期效果 但苹果手机没有 这时候我们就要写一下样式的适配1、网页在可视窗口的布局方式viweport-fit 属性： iOS11 新增特性，苹果公司为了适配 iPhoneX 对现有 viewport meta 标签的一个扩展，用于设置网页在可视窗口的布局方式，可设置三个值：contain: 可视窗口完全包含网页内容cover：网页内容完全覆盖可视窗口auto：默认值，跟 contain 表现一致更详细说

前端和盒模型包括两种 分别是W3c盒模型和IE盒模型W3C盒模型包括content、padding、border、margin 其中width = contentIE盒模型包括content、padding、border、margin 其中width = content+padding+border在之后后来W3C在CSS3中新增了box-sizing的样式 属性包含content-box和border-box也就是box-sizing:content-box就是默认(在设置时候)的样式（W3C盒模