大屏，vue大屏，react大屏，svelte大屏，vue，react，svelte，屏幕适配，使用 scale 做屏幕适配。 vue 组件，react 组件 适配大屏最简单方便的方案

从 CSS 的基础知识讲 CSS 布局方案（居中，两列布局，三列布局）； 普通流、定位流、浮动流，不同流内的块级元素和行内元素的布局方式不同；

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

2019年终岁尾，最近对布局相关的内容比较有兴趣，在此整理一下和瀑布流相关的使用场景以及多种实现方案。 瀑布流又称瀑布流式布局，是一种比较流行的页面布局方式，专业的英文名称为[Masonry Layouts]。与传统的分页显示不同，视觉表现为参差不齐的多栏布局，最早是由Pint…

子元素有固定宽度请看下面的代码如果父元素的宽度是1440, 那么本应该是这样的第一个div: 1440/4=360第一个div: 1440/2=720第一个div: 1440/4=360但是实际是这样

近些年，我们总是听到硬件加速，以及它如何帮助我们提升网页的动画性能，让网页动画变得更好，在移动端更流畅。但是我想一大部分经验少的工程师是不知道硬件加速是如何工作的以及我们如何使用它来帮助我们让动画变得更流畅。 硬件加速听起来非常复杂，像高等数学。在这篇文章中，我会简明的讲解如何…

flex属性介绍 平时在项目中Flex布局的使用频率非常高，但是对于flex的几个值的具体用法和使用场景有时候不是很清楚，所以写此文来总结下。 首先，flex属性其实是一种简写，是flex-grow，