么是全屏布局

全屏布局就是指 HTML 页面铺满整个浏览器窗口, 并且没有滚动条。而且还可以跟随浏览器的大小变化而变化。

日常开发网站中，我们常常会用到div容器

但是在使用的过程中我们发现div为块级元素会铺满整个宽度

但是在一些业务需求中 需要多个容器排列在一排

那么我们该如何解决这种问题呢 在这里介绍两种方法

第一种

给父级div设置属性display值为flex，

给子级div设置属性flex值为1，

这样就可以实现多个div排列在同一行了

第二种

利用浮动的知识可以实现 ，

给想要排列在一行的div设置左浮动属性float:left;

既可以实现！

前端##Web前端技术#

使用javascript判断图片的大小，进行横竖图，自动上下(左右)铺满，居中。

宽图：左右铺满，上下居中。

长图：上下铺满，左右居中。