rem是一個相對大小的值,它是相對於根元素<html>,不像em是相對於父元素,控制起來很麻煩,px又是絕對像素值,他改變了瀏覽器的字體大小,這時會使用我們的Web頁面佈局被打破。
html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
body {font-size: 1.4rem;/*1.4 × 10px = 14px */}
h1 { font-size: 2.4rem;/*2.4 × 10px = 24px*/}
這樣使用是不是相當舒適,rem是一個相對大小的值,它是相對於根元素<html>,不像em是相對於父元素,控制起來很麻煩,px又是絕對像素值,他改變了瀏覽器的字體大小,這時會使用我們的Web頁面佈局被打破。
html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
body {font-size: 1.4rem;/*1.4 × 10px = 14px */}
h1 { font-size: 2.4rem;/*2.4 × 10px = 24px*/}
這樣使用是不是相當舒適,3d盒子反戰 效果如圖如下: HTML重要的代碼如下: <ul> <li> <div class="box"> <div class="front">目錄
<!doctype html> <html> <head> <!--聲明當前頁面的編碼集:charset=gbk,gb2312(中文編碼),utf-8國際編碼-->
屬性值 smooth: true 要的是這種效果, 一般我們組合的時候的圖是這樣的 所以需要設置一下 修改 series: [ { name: '蒸發量',