em相對于父元素,rem相對于根元素,即html,一般 1em=16px,瀏覽器默認(rèn),為了計(jì)算方便,我們將font-size 設(shè)置為 16px* 0.625=10px 此時(shí)1em = 10px 舉個(gè)列子
body {font-size: 62.5%} div1 {width: 60em; /*60* 10=600px*/} div2 {font-size: 20px; /*此時(shí)在div 中 1em= 20px*/}
總結(jié)起來就是 父元素不設(shè)置font-size的話,就繼承body 1em=16px,假如你想計(jì)算方便可以將body的font-size 設(shè)置為 62.5%,rem比起來就相對好理解一點(diǎn),
html {font-size: 16px;}
那么以后的都是 1rem=16px, 我是這么理解的,希望不要誤導(dǎo)你!可以上MDN查看 相關(guān)信息。
結(jié)構(gòu)
<body> <div class="div1"></div> <div class="div2"></div> </body> em body {font-size: 62.5%; color: #000; font-family: "微軟雅黑";} .div1 {height: 3em; background-color: #333; /*由于chrome字體默認(rèn)是12px, 所以此時(shí)height=36px*/} ul, ol {list-style: none;} .div2 {font-size: 20px; height: 2em; background-color: #555; /*這里改變了font-size 所以height=40px*/} rem html {font-size: 20px; color: #000; font-family: "微軟雅黑";} .div1 {height: 3rem; background-color: #333; /*此時(shí)height=60px*/} ul, ol {list-style: none;} .div2 {font-size: 20px; height: 2rem; background-color: #555; /*改變font-size不在影響 所以height=40px*/}
em是相對于父元素的font-size屬性值來計(jì)算的
rem是相對于html標(biāo)簽的font-size屬性值來計(jì)算的
<html style="font-size:20px;"> <body> <div style="font-size:10px;"> <div style="font-size:1em;">1em*10=10px</div> <div style="font-size:1rem;">1rem*20=20px</div> </div> </body> </html>
1、按客戶要求訂制,專業(yè)技術(shù)員做到客戶滿意為止。
2、網(wǎng)頁欄目和網(wǎng)頁數(shù)不限,用戶可通過網(wǎng)站后臺增加和修改。
3、網(wǎng)站電腦版和移動(dòng)版同時(shí)開發(fā),同一網(wǎng)址,電腦打開是電腦版網(wǎng)頁,手機(jī)打開自適應(yīng)手機(jī)版網(wǎng)頁。
4、網(wǎng)站美工和客戶相互配合,客戶提供產(chǎn)品相關(guān)的圖片資料,美工排版,上傳到網(wǎng)站。
5、網(wǎng)站搭建完成后,配網(wǎng)站操作說明書,和操作視頻教學(xué)。
6、配相關(guān)網(wǎng)站優(yōu)化排名資料,和網(wǎng)頁圖片處理軟件,管理操作資料推送給客戶。
7、根據(jù)搜索引擎規(guī)則編寫網(wǎng)站代碼,自然排名和競價(jià)排名,容易被搜索引擎收錄。
8、交一次搭建網(wǎng)站制作費(fèi)用,獲得終身網(wǎng)站使用權(quán)。
1、從專業(yè)拍攝產(chǎn)品圖片;
2、到美工處理產(chǎn)品圖片;
3、到上傳產(chǎn)品資料圖片;
4、到網(wǎng)店旺鋪排版裝修;
5、到優(yōu)化管理網(wǎng)店旺鋪。
同時(shí)網(wǎng)店經(jīng)營商家只需要每天上班時(shí)間,按時(shí)登錄網(wǎng)店的在線客服溝通工具,等待與詢盤過來的客戶及時(shí)溝通,也就是開始等待接訂單。