doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>document
title
>
<
meta
name
="viewport"
content
="width=device-width, initial-scale=1 user-scalable=0"
>
<
script
>
//通過window.screen.width獲取螢幕的寬度
varoffwidth
=window.screen.width /30
; //
這裡用寬度/30表示1rem取得的px
document.getelementsbytagname(
"html")[
0].style.fontsize
=offwidth +'
px'; //
把rem的值複製給頂級標籤html的font-size
script
>
<
style
>
/*偷個懶就直接全域性初始化了
*/*
/*布局需求,上下都間隔
*/div
/*去處a標籤的下劃線
*/a
.one
.two
.three
.four
span
.five
style
>
head
>
<
body
>
<
div
class
="one"
>
div>
<
div
class
="two"
>
div>
<
div
class
="three"
>
div>
<
div
class
="four"
>
<
a href
=""><
span
>25元起
span
>
a>
div>
<
div
class
="five"
>
div>
body
>
html
>
移動端rem布局
時隔半年，再次回顧移動端開發，感覺自己又張知識了 我們平常用的較多的單位是px,百分比，rem,em,vw,vh，但是在移動端用的比較多的還是rem，但是他在用的過程中要注意什麼呢，怎麼用呢，下面就開始啦。他是乙個度量單位，可以用他作為高寬，字型的單位。他以html中設定font size的大小為基...
rem移動端布局
1 rem是css3新增的相對長度單位，是指相對於根元素html的font size計算值的大小。簡單可理解為螢幕寬度的百分比。2 什麼是dpr?dpr是螢幕畫素密碼比 計算 dpr 液晶螢幕px尺寸 物理尺寸 量多少就是多少 常用的dpr有 dpr 2，dpr 3 window.devicepix...
移動端rem布局
什麼是rem rem是css3新增的乙個相對單位 root em，根em 這個單位與em有什麼區別呢？區別在於使用rem為元素設定字型大小時，仍然是相對大小，但相對的只是html根元素。em 作為font size的單位時，其代表父元素的字型大小，em作為其他屬性單位時，代表自身字型大小 mdn r...