常见的布局
要好好写代码才行
初来乍到,多多关照。
展开
-
rem和vw布局
1.rem布局的原理我们使用rem布局主要是为了实现容器的宽高可以等比例放大或缩小。我们用rem作为容器宽和高的单位,rem是相对单位,1rem=html字体的大小,所以我们只需要在屏幕发生变化时,修改html的字体大小就能实现等比缩放的效果。那么当前视口宽所对应的html的字体应该是多大呢?当前视口html字体 =(设计图的视口宽/设计图html的字体大小) *当前视口宽...原创 2021-09-11 00:35:21 · 1148 阅读 · 0 评论 -
Flex布局
Flex弹性布局(工具)1)Flex布局基础知识什么是Flex布局Flex是Flexible Box的缩写,意为‘弹性的盒子’,所以Flex布局一般也叫做“Flex 弹性布局,它的典型案例是圣杯布局。任何一个HTML元素都可以指定为Flex布局:display:flex或 inline-flex;display:flex表示Flex容器是块级元素,display:inline-flex表示flex容器是内联块元素什么是Flex容器(flex container)采用Flex布局.原创 2021-09-07 15:40:15 · 177 阅读 · 0 评论