為什麼使用rem？

rem（font size of the root element )是指相對於根元素的字型大小單位。而與之相似的em( font size of the element )是指相對于父元素的字型大小的單位。

1、固定寬度的做法

主體的寬度設定為320，超出部分留白。

2、響應式的做法

3、設定viewport的做法

將瀏覽器的設定為320，最大可以放大到320*1.3=416（這個基本可以滿足當前iphone6 plus的螢幕）

4、設定rem的做法

一、通過js動態的計算根元素的font-size，這樣的好處是所有的裝置的解析度都能夠相容適配。

(function

(doc,win)
if(!doc.addeventlistener) return;
win.addeventlistener(resizeevt, recalc, false)
;    doc.addeventlistener('domcontentloaded', recalc, false);})
(document,window)
;

html

@media only screen and (min-width: 401px)
}@media only screen and (min-width: 428px)
}@media only screen and (min-width: 481px)
}@media only screen and (min-width: 569px)
}@media only screen and (min-width: 641px)
}

rem是什麼？ 如何使用呢？

rem是什麼？rem font size of the root element 是指相對於根元素的字型大小的單位。簡單的說它就是乙個相對單位。看到rem大家一定會想起em單位，em font size of the element 是指相對于父元素的字型大小的單位。它們之間其實很相似，只不過rem...

為什麼使用 DOCTYPE html

a doctype is a mostly useless,but required,header.html5 spec 現在的各種web開發工具都足夠強大，支援插入模板 因此你並不需要把這又長又臭的doctype乙個個字母的敲出來。doctype最大的作用是讓瀏覽器用來選擇渲染模式，或者說是用來觸...

為什麼使用指標

在實際程式設計中，既然使用變數就可以訪問資料，為什麼還用指標呢？使用指標來操縱自動變數的唯一原因是，為了說明指標的工作原理。指標真正的用途是被用於完成下列3種任務 管理自由儲存區中的資料 訪問類的成員資料和函式 按引用傳遞引數 在 函式的 工作原理 中，提到了5個記憶體區域 全域性命名空間 自由儲存...