我們提供的服務有：做網站、成都做網站、微信公眾號開發(fā)、網站優(yōu)化、網站認證、富縣ssl等。為1000+企事業(yè)單位解決了網站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術的富縣網站制作公司

本文目錄一覽

• 1，哪位大神能告訴我rem和px是怎么換算的然后怎樣用rem布局
• 2，flexible移動布局使用rem但字體大小為什么使用px
• 3，用rem做自適應布局手機上其他瀏覽器都是好的偏偏微信瀏覽的
• 4，html布局的寬高全都用rem作為單位會出現(xiàn)問題嗎為什么現(xiàn)在大多
• 5，前端移動端頁面怎么用rem布局

1，哪位大神能告訴我rem和px是怎么換算的然后怎樣用rem布局

需要自己設置，一般是1rem=14px，單位和px的布局是一樣的，只是單位不同而已，所以不必糾結

同問。。。

2，flexible移動布局使用rem但字體大小為什么使用px

因為如果字體用rem的話，換算以后可能會出現(xiàn)13號，17號，甚至13.7323px這樣的字體。這樣的字體點陣會模糊。打個比方，一個div寬度定義成rem(100) 里面寫4個漢字，每個rem(25)。這個時候如果字體rem(25)得出的是個小數像素字體，css在渲染的時候可能就會多渲染一個像素，每個字多渲染一個像素的話，rem(100)就放不下4個rem(25）的字體，就會莫名其妙的換行。而且這種帶小數的字體計算行高的時候也有坑，非常不利于計算。所以字體一般用12 16 24 這種字體會比較好，邊緣會比較清晰?？梢栽O置sass的mixin宏來根據dpr設置字體。

你說呢...

3，用rem做自適應布局手機上其他瀏覽器都是好的偏偏微信瀏覽的

類似的問題遇到過，不過 在iOS下 是好的 Android下 微信端 qqx5內核，就杯具了！后來沒有找到解決辦法，就重新寫了一下布局結構，最后問題沒有了。你可以先看看 布局結構是否規(guī)范。

類似的問題遇到過，不過 在iOS下 是好的 Android下 微信端 qqx5內核，就杯具了！后來沒有找到解決辦法，就重新寫了一下布局結構，最后問題沒有了。你可以先看看 布局結構是否規(guī)范。再看看別人怎么說的。

那就是你換個瀏覽器就好用了。這么多的瀏覽器隨便下載一個就好用的了。使用過這個手機QQ瀏覽器的人就會很清楚的了解到它的好用地方，在很多的方面都會比別的瀏覽器，沒有多少可以完成的下載軟件，不是它，我的手機還不知道啥時候才能運行過來，主要是它在手機上節(jié)約了很多的內存空間的。

4，html布局的寬高全都用rem作為單位會出現(xiàn)問題嗎為什么現(xiàn)在大多

PX特點1. IE無法調整那些使用px作為單位的字體大??；2. 國外的大部分網站能夠調整的原因在于其使用了em或rem作為字體單位；3. Firefox能夠調整px和em，rem，但是96%以上的中國網民使用IE瀏覽器(或內核)。EM特點 1. em的值并不是固定的；2. em會繼承父級元素的字體大小。rem特點 rem是CSS3新增的一個相對單位（root em，根em），這個單位引起了廣泛關注。這個單位與em有什么區(qū)別呢？區(qū)別在于使用rem為元素設定字體大小時，仍然是相對大小，但相對的只是HTML根元素。這個單位可謂集相對大小和絕對大小的優(yōu)點于一身，通過它既可以做到只修改根元素就成比例地調整所有字體大小，又可以避免字體大小逐層復合的連鎖反應。目前，除了IE8及更早版本外，所有瀏覽器均已支持rem。對于不支持它的瀏覽器，應對方法也很簡單，就是多寫一個絕對單位的聲明。這些瀏覽器會忽略用rem設定的字體大小。望采納。

5，前端移動端頁面怎么用rem布局

!new function()引入這段js代碼，設計圖的750px = 7.5rem ，同理10px = 0.1rem記得在css設置默認字體大小 body舉例：.div1{width: 7.5rem;height: 1rem;}

rem單位確實好處蠻多的，它是相對于根節(jié)點，讓我們整個網站單位可以統(tǒng)一。還可以讓我們的字體更好的自適應網站的大小。但是，你用過了就知道，它會出現(xiàn)一個問題：用chrome瀏覽器打開你做的網站的時候，有時候會出現(xiàn)字體很大的情況。但是刷新一下頁面就好了。之所以會出現(xiàn)這種情況，原因是因為我們?yōu)榱擞嬎惴奖?，將原本默認1rem=16px修改1rem=10px。因此，我們在html中通常做了如下設置：html 但是呢，chrome瀏覽器有時候會忽略了html的設置。于是在初始化頁面的時候，出現(xiàn)了上面字體過大的情況，本來1.6rem應該渲染成16px的字體，卻被渲染成了16*1.6=25.6px大小了。