![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
题词策
总有一天你会站在世界最亮的地方。活成自己渴望的模样
展开
-
mixin(公共样式定义)
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原创 2020-06-27 13:59:02 · 1459 阅读 · 0 评论 -
常见兼容问题
如何处理兼容问题 在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原创 2020-06-12 00:02:33 · 280 阅读 · 0 评论 -
前端必看面试(CSS/JS/ES5/ES6等等)
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原创 2020-06-09 10:13:13 · 689 阅读 · 4 评论 -
什么是BFC?(CSS)
前言(BFC 神奇背后的原理) BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。 一、BFC是什么? 在解释 BFC 是什么之前,需要先介绍 Box、Formatting Context的概念。 Box: CSS布局的基本原创 2020-06-09 10:27:43 · 312 阅读 · 0 评论