rem 針對設計稿寬度，設計rem除錯比例

rem是css單位，rem是根據根html元素的字型大小來計算單位的。

瀏覽器預設的 html font-size=16px， 這樣如果我們需要設定字型的大小為12px, 通過計算可知 12 / 16 = 0.75；因此只需要設定 font-size= 0.75rem。

1、現在頁面上設定使用者禁止縮放 引入meta頭部標籤

"viewport"   content=

"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
>

window.

onload
=function()
rem(
)window.onresize =
rem(
)}

body

rem布局的缺點：在響應式布局中，必須通過js來動態控制根元素font-size的大小，也就是說css樣式和js**有一定的耦合性，且必須將改變font-size的**放在css樣式之前

rem還原設計稿

使用閉包的方式把window物件傳入，獲取html物件，獲取html元素根物件，把750和100宣告乙個變數 orientationchange監聽手機移動裝置橫屏和豎屏事件 resize監聽瀏覽器大小變化事件 domcontentloaded是網頁載入完之後繫結的事件 事件分為捕獲和冒泡，第三個引...

rem適配還原設計稿，換算

假設設計妹妹給我們的設計稿尺寸為 750 1500 結合網易移動端首頁html元素上的動態font size屬性 設計稿尺寸 前端與設計之間協作流程一般分為下面兩種 1 網易做法 引入 頁面開頭出引入下面這段 用於動態計算font size 1 function doc,win 19 乘以100，p...

響應式設計 rem

特點 手機，ipad，pc 所有的終端裝置上完美展示 核心點 查詢 行業內預設分類 1 大屏 1200 1920 2 中屏 992 1200 3 小屏 768 992 4 超小屏 768以下 第一種寫法 pc端樣式調整 media screen and max width 1024px 設計點3 重...