小程序rpx是怎么實(shí)現(xiàn)自適應(yīng)的？Rem是近幾年流行的一種方案，淘寶移動(dòng)網(wǎng)絡(luò)終端采用了這種方案。因?yàn)?rem=根元素字體大小，REM布局的本質(zhì)是通過按REM的比例劃分頁(yè)面來實(shí)現(xiàn)自適應(yīng)效果，因?yàn)镽EM是相

小程序rpx是怎么實(shí)現(xiàn)自適應(yīng)的？

Rem是近幾年流行的一種方案，淘寶移動(dòng)網(wǎng)絡(luò)終端采用了這種方案。因?yàn)?rem=根元素字體大小，REM布局的本質(zhì)是通過按REM的比例劃分頁(yè)面來實(shí)現(xiàn)自適應(yīng)效果，因?yàn)镽EM是相對(duì)的根路徑字體大小。不同的頁(yè)面設(shè)置有不同的字體大小，可以達(dá)到自適應(yīng)的效果。

rem自適應(yīng)布局適合用于pc端嗎？

要在PC上使用REM，首先要使用reset（）函數(shù)來包含常用的remjs，因?yàn)槭謾C(jī)的屏幕寬度是固定的，而且PC上的瀏覽器窗口大小可以改變

另外，PC端一般不使用REM，主要是因?yàn)榧嫒莸桶姹緸g覽器。例如，從IE9開始就支持REM，但只是部分支持。Ie11完全支持。IE9和ie10部分支持，例如：REM不支持偽元素和縮寫樣式

CSS自適應(yīng)寬度有兩種方式：

1。寬度由百分比控制；

2。PS可以通過塊元素自動(dòng)占據(jù)父元素寬度的特性來實(shí)現(xiàn)。當(dāng)然，也有一些方法，比如CSS3的flex-box布局。使用flex布局，非常方便，可以實(shí)現(xiàn)更多這是一種自適應(yīng)布局，但它只適用于移動(dòng)終端。只有PC終端上的高版本瀏覽器是兼容的，而低版本瀏覽器是不兼容的。