新聞中心
- 字體大小設置
- 字體大小的設置方式
- 字體大小比例
- 適配方法
- 字體大小設置的獲取
- 字體大小設置的禁用
字體大小設置
百度 App,從基礎庫 3.200.1 開始支持;開源宿主,從基礎庫 3.270.1 開始支持。
陸河ssl適用于網站、小程序/APP、API接口等需要進行數據傳輸應用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯系或者加微信:18980820575(備注:SSL證書合作)期待與您的合作!
以下字體大小的設置方式、字體大小比例和適配方法的部分只對百度 App 的情況進行介紹。在開源宿主 App 中,小程序的字體大小設置方式、字體大小比例均可自定義,開發(fā)者需要根據宿主自定義的具體情況進行適配。
字體大小的設置方式
字體大小的設置方式有如下三種:
- 在小程序中設置:小程序右上角的膠囊 - 字體大小,拖動滑塊進行設置
- 在百度 App 中設置:百度 App - 我的 - 設置 - 字體大小,拖動滑塊進行設置
- 在百度 App 搜索結果落地頁中設置:落地頁右上角的膠囊 - 字體大小,拖動滑塊進行設置
注意:不管通過上述方式的哪種方式進行設置,百度 App 和小程序都會生效。
字體大小比例
字體大小分為四個等級,分別是小、中、大和特大,默認情況下字體大小的等級為中,對應縮放比例為 100%,小對應的縮放比例為 84%,大對應的縮放比例為 110%,特大對應的縮放比例為 121%。
適配方法
為了方便開發(fā)者適配用戶字體大小的設置,我們提供了一組 css 類名,開發(fā)者可通過書寫如下四種樣式,對不同字體大小的設置進行適配。在開源宿主 App 中,可通過調用上述 getSystemInfo 或 getSystemInfoSync 獲取字體大小
其中,swan-text-size-adjust-1 對應于用戶設置字體大小等級為小時的頁面樣式,swan-text-size-adjust-2 對應于用戶設置字體大小等級為中時的樣式(即默認樣式),swan-text-size-adjust-3 對應于用戶設置字體大小等級為大時的樣式,swan-text-size-adjust-4 對應于用戶設置字體大小等級為特大時的樣式。
.swan-text-size-adjust-1 {/* 字體大小等級設置為小的樣式 */}.swan-text-size-adjust-2 {/* 字體大小等級設置為中的樣式 */}.swan-text-size-adjust-3 {/* 字體大小等級設置為大的樣式 */}.swan-text-size-adjust-4 {/* 字體大小等級設置為特大的樣式 */}
注意:
- 上述適配方法僅適用于百度 App,在開源宿主 App 上,需要根據宿主定義的等級進行適配。
- page 的 css 樣式優(yōu)先級高于 app.css 中樣式的優(yōu)先級,即如果同時在 page 的 css 和 app.css 寫了適配樣式,page 的 css 樣式將覆蓋掉 app.css 中的樣式。
- 如果不是做字體大小的適配,請不要使用 swan-text-size-adjust-1、swan-text-size-adjust-2、swan-text-size-adjust-3 和 swan-text-size-adjust-4 這四個類名書寫 css 樣式,否則,這些樣式會被認為是字體大小的適配樣式。
字體大小設置的獲取
可通過調用 swan.getSystemInfo 或 swan.getSystemInfoSync 獲取 fontSizeSetting 即當前字體大小設置。
字體大小設置的禁用
如果不期望小程序響應字體大小設置,可通過配置 app.json 中 window 的 textSizeAdjust 屬性為 none,實現對字體大小設置的禁用。
注意:
- 禁用設置的對象:是針對當前小程序的,即為當前小程序設置了禁用,字體大小的設置只在當前小程序中不響應,在未設置禁用的小程序中仍然響應
- 設置禁用后的表現:當前小程序中的字體大小面板可以拖動,只是當前小程序不生效,在未設置禁用的小程序中仍然生效
當前文章:創(chuàng)新互聯百度小程序教程:字體大小設置
網站路徑:http://fisionsoft.com.cn/article/djicehg.html


咨詢
建站咨詢

