問(wèn)題描述

最近看蘇寧app的源碼說(shuō)是泄漏了，逐看了下他們的網(wǎng)站M站，發(fā)現(xiàn)有段css寫的看不太明白，望大嬸們指點(diǎn)：

html {font-size: 50px}body {font-size: 24px}@media screen and(min-width: 320px) { html { font-size: 21.33px} body { font-size: 12px}}@media screen and(min-width: 360px) { html { font-size: 24px } body { font-size: 12px }}@media screen and(min-width: 375px) { html { font-size: 25px } body { font-size: 12px }}@media screen and(min-width: 384px) { html { font-size: 25.6px } body { font-size: 14px }}@media screen and(min-width: 400px) { html { font-size: 26.67px } body { font-size: 14px }}

如上，那些body跟html的字體比例是如何計(jì)算而來(lái)的？

問(wèn)題解答

使用了css3 里的媒體查詢， 當(dāng)屏幕寬度為320px時(shí)改變html和body里的font-size 下面都一樣。 @media screen 媒體查詢

不過(guò)話說(shuō)蘇寧做的還挺細(xì)致的

根據(jù)頁(yè)面分辨率不同顯示效果自主設(shè)定的，沒(méi)有特別的計(jì)算規(guī)則。