响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果，分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 p…

最近在工作中做了一些响应式布局的功能和可视化大屏的开发，所以这里我也整理一下用到的响应式布局方案作为未来项目开发的参考方案 常用实现方案 flex 布局 flex 布局一把梭能解决绝大多情况下的响应式

前言 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了

我们常用的响应式布局方案是--利用rem单位，通过计算不同移动端下HTML根字体大小，来实现页面的适配。 首先让我们来了解一下什么是rem？rem是CSS3新增的一个相对单位（root em，根em），这个单位引起了广泛关注。它的相对是相对于HTML根元素来说的，假如我们设置H…

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 前言 8.29日发布了一篇CSS预处理器，你还是只会嵌套么 ？的文章，幸运地被挂在热榜上好几天😁。 目前为止，文章收获阅读量1093、点赞数

让网页变为黑白配色，是个常见的诉求。而且往往是突如其来的诉求，无法预知。遇到这样的需求时，我们需要迅速改代码和发布。本文给你解决方案。

一、单列布局 -- 上下固定，中间自适应 效果图： 1、 使用绝对定位实现 2、 使用 flex 实现 二、两列布局 -- 左边固定，右边自适应 效果图： 1、 使用绝对定位实现 (1) 左边元素设置