日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
創(chuàng)新互聯(lián)百度小程序教程:字體大小設(shè)置
  • 字體大小設(shè)置
    • 字體大小的設(shè)置方式
    • 字體大小比例
    • 適配方法
    • 字體大小設(shè)置的獲取
    • 字體大小設(shè)置的禁用

    字體大小設(shè)置

    百度 App,從基礎(chǔ)庫(kù) 3.200.1 開始支持;開源宿主,從基礎(chǔ)庫(kù) 3.270.1 開始支持。

    陸河ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景,ssl證書未來(lái)市場(chǎng)廣闊!成為創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18980820575(備注:SSL證書合作)期待與您的合作!

    以下字體大小的設(shè)置方式、字體大小比例和適配方法的部分只對(duì)百度 App 的情況進(jìn)行介紹。在開源宿主 App 中,小程序的字體大小設(shè)置方式、字體大小比例均可自定義,開發(fā)者需要根據(jù)宿主自定義的具體情況進(jìn)行適配。

    字體大小的設(shè)置方式

    字體大小的設(shè)置方式有如下三種:

    • 在小程序中設(shè)置:小程序右上角的膠囊 - 字體大小,拖動(dòng)滑塊進(jìn)行設(shè)置
    • 在百度 App 中設(shè)置:百度 App - 我的 - 設(shè)置 - 字體大小,拖動(dòng)滑塊進(jìn)行設(shè)置
    • 在百度 App 搜索結(jié)果落地頁(yè)中設(shè)置:落地頁(yè)右上角的膠囊 - 字體大小,拖動(dòng)滑塊進(jìn)行設(shè)置

    注意:不管通過(guò)上述方式的哪種方式進(jìn)行設(shè)置,百度 App 和小程序都會(huì)生效。

    字體大小比例

    字體大小分為四個(gè)等級(jí),分別是小、中、大和特大,默認(rèn)情況下字體大小的等級(jí)為中,對(duì)應(yīng)縮放比例為 100%,小對(duì)應(yīng)的縮放比例為 84%,大對(duì)應(yīng)的縮放比例為 110%,特大對(duì)應(yīng)的縮放比例為 121%。

    適配方法

    為了方便開發(fā)者適配用戶字體大小的設(shè)置,我們提供了一組 css 類名,開發(fā)者可通過(guò)書寫如下四種樣式,對(duì)不同字體大小的設(shè)置進(jìn)行適配。在開源宿主 App 中,可通過(guò)調(diào)用上述 getSystemInfo 或 getSystemInfoSync 獲取字體大小
    其中,swan-text-size-adjust-1 對(duì)應(yīng)于用戶設(shè)置字體大小等級(jí)為小時(shí)的頁(yè)面樣式,swan-text-size-adjust-2 對(duì)應(yīng)于用戶設(shè)置字體大小等級(jí)為中時(shí)的樣式(即默認(rèn)樣式),swan-text-size-adjust-3 對(duì)應(yīng)于用戶設(shè)置字體大小等級(jí)為大時(shí)的樣式,swan-text-size-adjust-4 對(duì)應(yīng)于用戶設(shè)置字體大小等級(jí)為特大時(shí)的樣式。

     
     
     
    1. .swan-text-size-adjust-1 {
    2. /* 字體大小等級(jí)設(shè)置為小的樣式 */
    3. }
    4. .swan-text-size-adjust-2 {
    5. /* 字體大小等級(jí)設(shè)置為中的樣式 */
    6. }
    7. .swan-text-size-adjust-3 {
    8. /* 字體大小等級(jí)設(shè)置為大的樣式 */
    9. }
    10. .swan-text-size-adjust-4 {
    11. /* 字體大小等級(jí)設(shè)置為特大的樣式 */
    12. }

    注意:

    • 上述適配方法僅適用于百度 App,在開源宿主 App 上,需要根據(jù)宿主定義的等級(jí)進(jìn)行適配。
    • page 的 css 樣式優(yōu)先級(jí)高于 app.css 中樣式的優(yōu)先級(jí),即如果同時(shí)在 page 的 css 和 app.css 寫了適配樣式,page 的 css 樣式將覆蓋掉 app.css 中的樣式。
    • 如果不是做字體大小的適配,請(qǐng)不要使用 swan-text-size-adjust-1、swan-text-size-adjust-2、swan-text-size-adjust-3 和 swan-text-size-adjust-4 這四個(gè)類名書寫 css 樣式,否則,這些樣式會(huì)被認(rèn)為是字體大小的適配樣式。

    字體大小設(shè)置的獲取

    可通過(guò)調(diào)用 swan.getSystemInfo 或 swan.getSystemInfoSync 獲取 fontSizeSetting 即當(dāng)前字體大小設(shè)置。

    字體大小設(shè)置的禁用

    如果不期望小程序響應(yīng)字體大小設(shè)置,可通過(guò)配置 app.json 中 window 的 textSizeAdjust 屬性為 none,實(shí)現(xiàn)對(duì)字體大小設(shè)置的禁用。

    注意:

    • 禁用設(shè)置的對(duì)象:是針對(duì)當(dāng)前小程序的,即為當(dāng)前小程序設(shè)置了禁用,字體大小的設(shè)置只在當(dāng)前小程序中不響應(yīng),在未設(shè)置禁用的小程序中仍然響應(yīng)
    • 設(shè)置禁用后的表現(xiàn):當(dāng)前小程序中的字體大小面板可以拖動(dòng),只是當(dāng)前小程序不生效,在未設(shè)置禁用的小程序中仍然生效

    分享標(biāo)題:創(chuàng)新互聯(lián)百度小程序教程:字體大小設(shè)置
    文章鏈接:http://www.dlmjj.cn/article/djicehg.html