日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

這篇文章主要為大家展示了“css3中新單位vw、vh、vmin、vmax有什么用”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css3中新單位vw、vh、vmin、vmax有什么用”這篇文章吧。

專業(yè)從事企業(yè)網(wǎng)站建設(shè)和網(wǎng)站設(shè)計(jì)服務(wù)，包括網(wǎng)站建設(shè)、申請域名、雅安服務(wù)器托管、企業(yè)郵箱、微信公眾號開發(fā)、微信支付寶微信小程序定制開發(fā)、重慶App定制開發(fā)、軟件開發(fā)、等服務(wù)。公司始終通過不懈的努力和以更高的目標(biāo)來要求自己,在不斷完善自身管理模式和提高技術(shù)研發(fā)能力的同時(shí)，大力倡導(dǎo)推行新經(jīng)濟(jì)品牌戰(zhàn)略，促進(jìn)互聯(lián)網(wǎng)事業(yè)的發(fā)展。

具體如下:

1，vw、vh、vmin、vmax 的含義

（1）vw、vh、vmin、vmax 是一種視窗單位，也是相對單位。它相對的不是父節(jié)點(diǎn)或者頁面的根節(jié)點(diǎn)。而是由視窗（Viewport）大小來決定的，單位 1，代表類似于 1%。
視窗(Viewport)是你的瀏覽器實(shí)際顯示內(nèi)容的區(qū)域—，換句話說是你的不包括工具欄和按鈕的網(wǎng)頁瀏覽器。

（2）具體描述如下：

vw：視窗寬度的百分比（1vw 代表視窗的寬度為 1%）
vh：視窗高度的百分比
vmin：當(dāng)前 vw 和 vh 中較小的一個值
vmax：當(dāng)前 vw 和 vh 中較大的一個值

2，vw、vh 與 % 百分比的區(qū)別

（1）% 是相對于父元素的大小設(shè)定的比率，vw、vh 是視窗大小決定的。
（2）vw、vh 優(yōu)勢在于能夠直接獲取高度，而用 % 在沒有設(shè)置 body 高度的情況下，是無法正確獲得可視區(qū)域的高度的，所以這是挺不錯的優(yōu)勢。

3，vmin、vmax 用處

做移動頁面開發(fā)時(shí)，如果使用 vw、wh 設(shè)置字體大?。ū热?5vw），在豎屏和橫屏狀態(tài)下顯示的字體大小是不一樣的。

由于 vmin 和 vmax 是當(dāng)前較小的 vw 和 vh 和當(dāng)前較大的 vw 和 vh。這里就可以用到 vmin 和 vmax。使得文字大小在橫豎屏下保持一致。

4，瀏覽器兼容性

（1）桌面 PC

Chrome：自 26 版起就完美支持（2013年2月）
Firefox：自 19 版起就完美支持（2013年1月）
Safari：自 6.1 版起就完美支持（2013年10月）
Opera：自 15 版起就完美支持（2013年7月）
IE：自 IE10 起（包括 Edge）到現(xiàn)在還只是部分支持（不支持 vmax，同時(shí) vm 代替 vmin）

（2）移動設(shè)備

Android：自 4.4 版起就完美支持（2013年12月）
iOS：自 iOS8 版起就完美支持（2014年9月）

二、一個簡單的樣例

1，頁面代碼

視窗（Viewport）單位除了可以用來設(shè)置元素的寬高尺寸，也可以在文本中使用。下面使用 vw 設(shè)置字體大小來實(shí)現(xiàn)響應(yīng)式文字。

  
    
    
    
  
  
      
          
寬度100％, 字體5％