文章詳情頁
css - 蘇寧易購M站
瀏覽：153日期：2023-07-24 14:15:00
問題描述
最近看蘇寧app的源碼說是泄漏了，逐看了下他們的網站M站，發現有段css寫的看不太明白，望大嬸們指點：
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的字體比例是如何計算而來的？
問題解答
回答1：使用了css3 里的媒體查詢， 當屏幕寬度為320px時改變html和body里的font-size 下面都一樣。 @media screen 媒體查詢
不過話說蘇寧做的還挺細致的
回答2：根據頁面分辨率不同顯示效果自主設定的，沒有特別的計算規則。
標簽：
CSS
相關文章：
1. android百度地圖定位問題2. html - angular過濾器中返回的字符串怎么換行3. php laravel框架模型作用域4. 微信小程序的選項卡中的數據分頁加載卡頓問題？？？5. javascript - 圖片無法正常加載6. 一個阿里云的服務器，可以部署兩個javaweb項目嗎？兩個項目域名不同7. css3 - 何時需要 flex-basis: 100% ？8. javascript - 怎么實現讓 div 里面的 img 元素 中心居中, 如下示例圖9. javascript - 有什么工具可以自動給css3的樣式 加 前綴 要最簡單的 不會sass less10. javascript - 關于向java后臺上傳base64位字符串的圖片數據，求助
排行榜
網公網安備