么是全屏布局

全屏布局就是指 HTML 頁面鋪滿整個瀏覽器窗口, 并且沒有滾動條。而且還可以跟隨瀏覽器的大小變化而變化。

日常開發網站中，我們常常會用到div容器

但是在使用的過程中我們發現div為塊級元素會鋪滿整個寬度

但是在一些業務需求中 需要多個容器排列在一排

那么我們該如何解決這種問題呢 在這里介紹兩種方法

第一種

給父級div設置屬性display值為flex，

給子級div設置屬性flex值為1，

這樣就可以實現多個div排列在同一行了

第二種

利用浮動的知識可以實現 ，

給想要排列在一行的div設置左浮動屬性float:left;

既可以實現！

前端##Web前端技術#

使用javascript判斷圖片的大小，進行橫豎圖，自動上下(左右)鋪滿，居中。

寬圖：左右鋪滿，上下居中。

長圖：上下鋪滿，左右居中。