亚洲精品成人一区二区aⅴ-亚洲精品成人一区二区www-亚洲精品成人在线-亚洲精品第一国产综合野-国产日韩久久久精品影院首页-国产日韩久久久久69影院

網(wǎng)站開發(fā)時使用calc() 計算高度 vh px

發(fā)表日期：2021-09-07 文章編輯：洛壹網(wǎng)絡(luò) 文章來源：網(wǎng)站建設(shè)公司

CSS3 使用 calc() 計算高度 vh px
1、px

    像素，我們在網(wǎng)頁布局中一般都是用px。

2、百分比

   百分比一般寬泛的講是相對于父元素，自適應網(wǎng)頁布局越來越多，百分比也經(jīng)常用到了。

3、Viewport
    viewport：可視窗口，也就是瀏覽器。
    vw Viewport寬度， 1vw 等于viewport寬度的1%
    vh Viewport高度， 1vh 等于viewport高的的1%

CSS3使用Calc

calc()使用通用的數(shù)學運算規(guī)則，但是也提供更智能的功能：

    >使用“+”、“-”、“*” 和 “/”四則運算；
    >可以使用百分比、px、em、rem等單位；
    >可以混合使用各種單位進行計算；
    >表達式中有“+”和“-”時，其前后必須要有空格，如"widht: calc(12%+5em)"這種沒有空格的寫法是錯誤的；
    >表達式中有“*”和“/”時，其前后可以沒有空格，但建議留有空格。
   
    例如 ：設(shè)置div元素的高度為當前窗口高度-100px
     div{
       height: calc(100vh - 100px);     
    }

您的瀏覽器版本太低

請升級您的瀏覽器： Internet Explorer11 或以下瀏覽器： Firefox  /  Chrome  /  360極速瀏覽器