2014-02-27 70 views
2

正如標題所說,我正在嘗試使用REMS,對於頁面所有元素(而不僅僅是字體)的舊版瀏覽器,px會退步。該測試網站是:test.glow-sticks.org在Chrome瀏覽器中使用REM,無法重現錯誤

道歉,如果任何下面的術語是不正確的,我遠不是一個專家!

使用的(在CSS HTML)在1024字體大小的分辨率設定爲62.5%,簡直所以1rem = 10px的,就這一決議我已經得到了默認字體1.4rem/14px的

在1680年的分辨率上,html css設置爲71.4%,通過設置這個百分比,字體從14px增加到16px,當然所有的元素都增加了相同的百分比,這非常酷,並且似乎使所有內容保持完美同步。

在我的電腦上,這似乎很好地工作,因爲它在我一直使用的許多其他測試平臺上工作。不過,我的網絡開發人員似乎在她的機器上遇到了問題,但只能在Chrome中運行。 (Firefox和IE不受影響)

在她的機器上,當她的分辨率下降到1024(從她的本地1920)分辨率時,該網站正在加載水平滾動條,在我的機器上1024上適合。 使用鉻檢查元素工具時,它會變得更有趣。我一直在檢查一個DIV,尤其是Div id = wholepage,在1024屏幕上查看時應該是960px寬,而在1680+上查看時應該是1097px寬。

但是,在她的Chrome上,div =整個頁面在1024分辨率上顯示1152像素,在1920自己的分辨率上顯示1152像素。

我已經注意到在我的Chrome版本中,我必須將font-size設置爲75%來重現相同的效果。似乎無論我將整個頁面的font-size設置爲1152像素。我甚至嘗試了10%,這在我的鉻合金上非常合適,使得一切都很小,但是在她的機器上沒有任何變化。唯一可以改變的就是字體大小確實說了10%,但它好像沒有被尊重,並且它最低限度地被75%左右。

任何人都可以重現此?

她唯一能解決的問題是使用更高的百分比,例如90%和103%,它提供了與62.5和71.4相同的增長率,但保持1 rem = 10px似乎更好,這就是爲什麼我希望保持這個62.5爲基礎。

+0

您希望我們訪問不受信任的SSL網站嗎? –

+0

不,你不需要,我知道它看起來很糟糕,但我只是在測試https的其他內容,但還沒有切換回它。 – user1171523

回答

2

沒關係,我已經能夠通過將chrome minimum-font-size設置爲12px或更高來重現錯誤。在我的設置中它被設置爲6px,這就是爲什麼在我的版本中一切正常加載。

16px是chrome和12px的默認大小,可能是chrome默認的最小字體大小,這說明了爲什麼我的網站開發人員只能像字體大小那樣低至75%。我也注意到了-webkit-text-size-adjust:none;不再有效,這是可以理解的!

相關問題