vw (viewpoint width),視窗寬度,1vw=視窗寬度的1%
vh (viewpoint height),視窗高度,1vh=視窗高度的1%
calc() 函數用於動態計算長度值。支持 "+", "-", "*", "/" 運算,使用標準的數學運算優先級規則。
例子:height: calc(100vh - 42px);
注意: 運算符前後都需要保留一個空格,100vh = 視窗高度的100%
vw (viewpoint width),視窗寬度,1vw=視窗寬度的1%
vh (viewpoint height),視窗高度,1vh=視窗高度的1%
calc() 函數用於動態計算長度值。支持 "+", "-", "*", "/" 運算,使用標準的數學運算優先級規則。
例子:height: calc(100vh - 42px);
注意: 運算符前後都需要保留一個空格,100vh = 視窗高度的100%
<style type=text/css>td { font-size: 12px; color: #000000; line-heig
絕對定位 + margin,讓明確寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="vie
二級導航實例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti
3d盒子反戰 效果如圖如下: HTML重要的代碼如下: <ul> <li> <div class="box"> <div class="front">目錄
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="wi