【內(nèi)容聲明】文章部分內(nèi)容源于網(wǎng)絡(luò)，僅供參考！如需了解“CSS中vw與vh屬性是什么意思，有何區(qū)別嗎”等有關(guān)服務(wù)器、云主機(jī)租用、托管、配置、價(jià)格問題，請(qǐng)隨時(shí)咨詢YINGSOO客服，獲取最新優(yōu)惠！

【YINGSOO主機(jī)】英國(guó)云服務(wù)器促銷 | 日本物理服務(wù)器促銷 | 臺(tái)灣物理服務(wù)器促銷

【熱門文章】服務(wù)器托管哪個(gè)好？如何判斷

這篇文章我們來了解CSS中的兩個(gè)屬性，vw與vh屬性，有一些新手對(duì)vw與vh屬性是什么意思，以及它們的區(qū)別不是很清楚，因此本文就給大家來介紹一下，下文有詳細(xì)的介紹，有需要的朋友可以參考，接下來就跟隨小編來一起學(xué)習(xí)一下吧！

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css中vw與vh的區(qū)別是什么

在css中，vw與vh的區(qū)別是：

vw單位可以根據(jù)窗口的寬度自動(dòng)改變大小，1vw是窗口寬度的1%；

vh單位可以根據(jù)窗口的高度自動(dòng)改變大小，1vh是窗口高度的1%；

vw是css的一個(gè)屬性，和px，rem等類似，屬于長(zhǎng)度單位。在瀏覽器中， 1 vw = viewport 的寬度 /100

根據(jù)這個(gè)特性，vw 可以幫助我們實(shí)現(xiàn)移動(dòng)端自適應(yīng)布局，其優(yōu)點(diǎn)在于所見即所得，甚至優(yōu)于rem，因?yàn)橥耆挥檬褂妙~外的計(jì)算。

推薦和sass、less這種css預(yù)處理語(yǔ)言一起使用，因?yàn)槠淇梢远x變量及函數(shù)，會(huì)在使用vw上提供巨大幫助。

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

具體描述如下：

vw：視窗寬度的百分比（1vw 代表視窗的寬度為 1%）

vh：視窗高度的百分比

vmin：取當(dāng)前Vw和Vh中較小的那一個(gè)值

vmax：取當(dāng)前Vw和Vh中較大的那一個(gè)值

vh和vw相對(duì)于視口的高度和寬度， 1vh 等于1/100的視口高度，1vw 等于1/100的視口寬度 比如：瀏覽器高度900px，寬度為750px, 1 vh = 900px/100 = 9 px，1vw = 750px/100 = 7.5 px， 很容易實(shí)現(xiàn)與同屏幕等高的框。

示例如下：

相對(duì)于viewport高度大小的文字
相對(duì)于viewport寬度大小的文字

輸出結(jié)果：

現(xiàn)在大家對(duì)于CSS中vw與vh屬性是什么及區(qū)別應(yīng)該都清楚了吧，希望大家閱讀完這篇文章能有所收獲。最后，想要了解更多CSS中的屬性，大家可以關(guān)注本公司其它相關(guān)文章。

YINGSOO是一家專注于海外市場(chǎng)的老牌主機(jī)商，2011年建立，以性能穩(wěn)定和服務(wù)高效著稱，是企業(yè)和站長(zhǎng)們的首選，硬件均為SUPERMIRCO和DELL的品牌機(jī)型，性能超群；我們是最早采用云計(jì)算技術(shù)管理服務(wù)器的主機(jī)商之一，針對(duì)大陸線路有接入電信網(wǎng)絡(luò)，訪問速度比較穩(wěn)定，丟包率低，有不限流量香港服務(wù)器和高流量大帶寬美國(guó)服務(wù)器可選。個(gè)人十分推薦選購(gòu)YINGSOO的美國(guó)物理機(jī)，最高1G帶寬不限流，電信CN2線路可選，大陸優(yōu)化，訪問速度快，穩(wěn)定性高，價(jià)格550元/月起，使用專屬優(yōu)惠碼可以享受83折優(yōu)惠，支持多種付款方式。詳詢客服Min-微信號(hào)：YINGSOO-VIP1 / 企業(yè)QQ：3002770458

熱搜詞條：【京東三星】【統(tǒng)計(jì)元素】【誤差堆積】【子句聚集】【文檔字段】【服務(wù)器機(jī)房】【容器文件】【爬蟲文件】【匯網(wǎng)互聯(lián)服務(wù)器】【列表元素】【日志封裝】【固態(tài)硬盤】【重置環(huán)境變量】【內(nèi)網(wǎng)訪問】【連接副本】【站點(diǎn)搜索引擎】【文件腳本】【服務(wù)器資源】【鏡像命令】【容器宿主】【函數(shù)字符串】【子句分組】【函數(shù)字符】【服務(wù)器執(zhí)行】【等待信息】【網(wǎng)站跳轉(zhuǎn)】【查詢索引】【未來互聯(lián)網(wǎng)】【服務(wù)器配置】【故障服務(wù)器】

版權(quán)聲明：本站文章來源標(biāo)注為YINGSOO的內(nèi)容版權(quán)均為本站所有，歡迎引用、轉(zhuǎn)載，請(qǐng)保持原文完整并注明來源及原文鏈接。禁止復(fù)制或仿造本網(wǎng)站，禁止在非www.sddonglingsh.com所屬的服務(wù)器上建立鏡像，否則將依法追究法律責(zé)任。本站部分內(nèi)容來源于網(wǎng)友推薦、互聯(lián)網(wǎng)收集整理而來，僅供學(xué)習(xí)參考，不代表本站立場(chǎng)，如有內(nèi)容涉嫌侵權(quán)，請(qǐng)聯(lián)系alex-e#qq.com處理。