移動(dòng)web第六天，vw/vh

vw/vh含義

w即寬度，h即高度
vw/vh跟rem一樣，都是相對(duì)長度單位，

vw意思是視口寬度的1/100
vh是視口高度的1/100

vw和vh不混用，

優(yōu)點(diǎn)：不需要媒體查詢或需要 flexible.js

知識(shí)點(diǎn)回顧：

1、 z-index可以提高定位元素的顯示權(quán)重

2、盒子背景默認(rèn)為透明而非白色，

3、旋轉(zhuǎn)屬性 transform: rotate(90deg);和 transform: rotateX(90deg);含義不同。

后者是向屏幕內(nèi)倒下去

4、透視：perspective（pp）跟的數(shù)值，代表屏幕和觀察點(diǎn)的垂直距離

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • vw是相對(duì)單位相對(duì)視口的尺寸計(jì)算結(jié)果（VScode插件：px to vw） vw：viewport width1v...
    cheunggaryu閱讀 510評(píng)論 0贊 0
  • 移動(dòng)適配 vw / vh vw是相對(duì)單位, 相對(duì)視口的計(jì)算結(jié)果 vw：viewport width1vw = 1/...
    wxr簡書閱讀 145評(píng)論 0贊 0
  • 一、CSS中的屬性和取值 1.文本類屬性： text-align屬性：此標(biāo)簽內(nèi)容的水平對(duì)齊方式，內(nèi)容須為具體文字/...
    劉遠(yuǎn)舟閱讀 680評(píng)論 0贊 1
  • 1. 長度（length）單位 長度單位主要分為兩種，相對(duì)和絕對(duì)。 相對(duì)長度單位 基于其它元素的長度。例如 em ...
    Iwtem閱讀 1,334評(píng)論 0贊 0
  • css實(shí)現(xiàn)三角形，直角梯形，立方體 今天給大家分享一些用CSS可以實(shí)現(xiàn)的一些有意思的東西。 三角形 CSS實(shí)現(xiàn)三角...
    czpDepRoad閱讀 1,255評(píng)論 1贊 4

友情鏈接更多精彩內(nèi)容