rem佈局js動態設定html的fontsize大小

1樓：匿名使用者

var pixclpatio = 1 / window.devicepixelratio;

document.write('');

var html = document.getelementsbytagname('html')[0];

var pagewidth = html.getboundingclientrect().width;

html.style.fontsize = pagewidth / 16 + 'px';

2樓：爽朗的許選

直接上**，你看一下，我用這個是對應最小屏上12px字型，大於768的都在768之內。話不多說，直接上**

$(function ()})

3樓：

rem是相對於頁面根節點（也就是html節點）的字型大小的頁面佈局方式。

一般使用rem的方法是：

先將html節點的字型大小設定一下，作用是在重置rem的js**沒有執行完以前，我們有一個自己設定預設的rem使用

編寫script**重置rem，我這兒的**是使用375px寬度的設計稿為參照物件。如果想自己修改可以看到上面有一個375,375px大小設計稿對應的就是375，一對一就可以了。現在，在375px寬的螢幕下，1rem代表的就是100px，3.

75rem就是整個螢幕寬度了，當螢幕寬度改變時1rem代表的寬度會改變，不過其所佔的螢幕比例不會變，也就是3.75rem還是整個螢幕的寬度。

4樓：純潔的小樹

可以使用**查詢為不同的螢幕設定不同的html font-size的大小

5樓：

你可以監聽螢幕的變化，html的fontsize做出相應的動作

html5app開發關於手機適配這一塊，例如我們設定html,body{font-size:62.5%},然後再用rem去動態設定樣式

6樓：

不需要的但是你要根據螢幕大小來判斷html,body；這樣就自適應各種螢幕大小手機樣式

html裡使用rem單位【html{font-size：100px；}】造成高度撐開，垂直不能頂對齊，像新增了margin-top的值

7樓：合情合理隊慌收

因為baihtml的字型為100px,所有du的預設字型就都為100px，要容下zhi100px的字型當然就dao要這麼高的行高。所回以其實a的字型的答確是22px,line-height也是22px，問題就出現了div上

解決辦法：

你可以試著改一下div的行高就行，但是最一勞永逸的方法其實是將body的font-size設為16px，這樣你的rem可以接著用而且字型的預設大小還是16px

8樓：有範er的小青年

垂直對齊的話，新增line-height屬性

給你的盒子新增line-height='100px'

css font-size:1.2rem的字型是多大？

9樓：

由於使用是「px」會在瀏覽器中放大或縮放瀏覽頁面時頁面佈局會被打破，要解決這個問題，可以使用「em」單位。在使用「em」作單位時，一定需要知道其父元素的字型大小設定，因為「em」就是一個相對值，而且是一個相對於父元素的字型大小值（縮放比率/縮放因子），其真正的計算公式是：

1 ÷ 父元素的font-size × 需要轉換的畫素值 = em值

附上對照表看看

10樓：渁龍蠍

css3新增的一個相對單位rem（root em，根em）。

rem是相對於根節點（或者是html節點）。

如果根節點設定了font-size:10px;

那麼font-size:1.2rem;字型大小等於12px;

11樓：你真是二貨

1.2rem約等於19.5px