久久最新偷窥电影网站_国产精品一区二区久久国产_日本精品在线观看_性高潮久久久久久久

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

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

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

    像素，我們?cè)诰W(wǎng)頁布局中一般都是用px。

2、百分比

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

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

CSS3使用Calc

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

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

您的瀏覽器版本太低

請(qǐng)升級(jí)您的瀏覽器： Internet Explorer11 或以下瀏覽器： Firefox  /  Chrome  /  360極速瀏覽器