BFC是什么？ BFC定义 BFC（Block Formatting Context），块级格式化上下文，是一个独立的渲染区域，让处于BFC内部的元素与外部的元素互相隔离，使内外元素的定位不会互相影响

作为一名Web开发者，CSS是必备技能之一，我一直以为自己对CSS的掌握已经够用了，直到读Lea Verou的《CSS揭秘》时，我发现自己充其量就算个会打CS的选手，书中针对我们常见的网页设计难题从不同的角度提出了多种实用又优雅的解决方案，在这里强烈的推荐给每一位从事前端相关的…

当希望元素充分利用剩余空间，同时不会侵占其他元素应有的宽度的时候，适合使用flex:1，这样的场景在Flex布局中非常的多。

说到 CSS 的布局，肯定少不了 Flex（弹性盒子） 和 Grid（网格布局）。Flexbox 适合用在组件和小规模的布局中，而面对更复杂或整体规模的布局，Grid 则更擅长了。

日益新增的机型，给开发人员带来了很多的适配工作。代码能不能统一、apk能不能统一、物料如何选取、样式怎么展示等等都是困扰开发人员的问题，本方案就是介绍不同机型的共线方案，打消开发人员的疑虑。

一、适配的目的 区别于iOS，android设备有不同的分辨率大小以及不同厂商的系统，目前市场的分辨率可以看下友盟的相关统计。 可以看到主流的分辨率有10多种，当不做适配时，一套代码在不同设备上的效果

前端主题切换方案 现在我们经常可以看到一些网站会有类似暗黑模式/白天模式的主题切换功能，效果也是十分炫酷，在平时的开发场景中也有越来越多这样的需求，这里大致罗列一些常见的主题切换方案并分析其优劣，大家

对于图片加载，咱们可以更酷炫一点！ 比如这样！ 这样！ 这样！ 还有这样的！ 前言 现代网站中的图片使用量是很大的，在一些门户网站中，还会有一些大尺寸的图片展示，这个时候图片如果加载不顺畅，是很影响用

作为一名前端开发者，你有没有遇到过这种头痛的事情。每次开发pc端的网页时，不管是官网还是管理后台，UI设计师都是按照`1920*1080`（16:9）的比例来给你提供设计稿的，导致你画页面的时候