Elementsboy的博客

minxin公用样式src/scss/_mixin.scss//宽高@mixin wh($width, $height) { width: $width; height: $height; display: block;}//超出一行变成...@mixin ellipsis() { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: norm

如何处理兼容问题在JS代码里使用对象检测，判断该特性是否支持 eg:‘XMLHttpRequest’ in window‘WebkitMask’ in document.documentElement.style使用postcss做样式的后处理样式问题清除浏览器默认样式引入common.css或reset.css重置默认样式引入common.css或reset.css重置默认样式引入common.css或reset.css重置默认样式;Ios滑动卡顿问题body {-webk

CSS篇：盒模型：怪异模式：box-sizing = border-box, width = content+padding+border标准模式：box-sizing = content-box, width = content垂直居中方法：// 不定宽高{ position: fixed; top: 0; bottom: 0; left: 0; right: 0;}{ display: flex; align-items: ce

前言（BFC 神奇背后的原理）BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么？在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。Box: CSS布局的基本