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


咨詢
建站咨詢

