小米官宣：2023年上半年出貨量中國(guó)第一！
今日早間，小米電視官方微博帶來(lái)消息，稱2023年小米電視上半年出貨量達(dá)到了中國(guó)第一，同時(shí)還表示小米電視的巨屏風(fēng)暴即將開(kāi)始。“公布一個(gè)好消息2023年#小米電視上半年出貨量中國(guó)
盡管一些網(wǎng)頁(yè)設(shè)計(jì)工具為按鈕等元素指定了 CSS 高度值，但設(shè)置高度或最大高度實(shí)際上可能會(huì)違反 WCAG 2.2 Success Criterion 1.4.4 Resize Text.
標(biāo)準(zhǔn)要求：
除了字幕和文本圖片外，文本可以在不使用輔助技術(shù)的情況下放大到 200% 而不會(huì)丟失內(nèi)容或功能。
如果對(duì)影響元素計(jì)算高度和寬度的 CSS 屬性使用固定值，當(dāng)文字大小增大時(shí)，元素內(nèi)部的文字會(huì)被截?cái)唷?span style="display:none">T5Z28資訊網(wǎng)——每日最新資訊28at.com
你可能會(huì)想："但當(dāng)我把瀏覽器放大到 200% 時(shí)，按鈕文本看起來(lái)很好！"這可能是這個(gè)標(biāo)準(zhǔn)的一個(gè)常見(jiàn)誤解。我以前不知道瀏覽器縮放只是問(wèn)題的一部分！
深入了解 SC 1.4.4: Resize Text ，它指出我們（“作者”）必須處理用戶只增加文本大小的情況，因?yàn)樗麄兊臑g覽器（或其他“用戶代理”）可能沒(méi)有縮放功能。
文檔說(shuō)：
如果用戶代理不提供縮放功能，但允許用戶更改文字大小，那么作者有責(zé)任確保在調(diào)整文字大小時(shí)內(nèi)容仍然可用。
這個(gè)標(biāo)準(zhǔn)也是為什么 CSS font-size 屬性使用 rem單位，而 line-height 屬性不使用單位的一個(gè)原因。在沒(méi)有瀏覽器縮放等機(jī)制的情況下，文字大小必須可以調(diào)整到 200%。
但怎么辦？處理起來(lái)比你想象的更容易！
注意：為了這些演示的目的，請(qǐng)假裝我們使用 rem 單位設(shè)置 font-size。我在這里使用 px 單位，以免繼承我的網(wǎng)站的基本字體樣式。
首先，我們看看在 font-size 、 height 、 line-height 和 width 使用固定值的情況下，當(dāng)文字大小增大時(shí)會(huì)發(fā)生什么。在文字大小增大之前，按鈕看起來(lái)很棒！但文字大小增大后就不那么好看了。
<button style="font-size: 16px; height: 36px; line-height: 18px; width: 82px;"> delete all</button>現(xiàn)在，我們使用相同的代碼，并嘗試在 line-height 和 padding 中不使用單位，以影響按鈕的 height 和 width 。當(dāng)文字大小加倍時(shí)，我們應(yīng)該不會(huì)看到文字被截?cái)唷?span style="display:none">T5Z28資訊網(wǎng)——每日最新資訊28at.com
<button style="font-size: 16px; line-height: 1.125; padding: 8px;"> delete all</button>1111111111111
理解文檔中提到的一種技術(shù)是 C28：使用 em 單位指定文本容器的大小。根據(jù)我的經(jīng)驗(yàn)，隨著視口尺寸的縮小，我發(fā)現(xiàn)這種方法更難維護(hù)。
想象一下，一個(gè)具有大文本大小設(shè)置的移動(dòng)設(shè)備。使用 em 單位設(shè)置的文本容器可能會(huì)比視口寬。如果文本被設(shè)備大小截?cái)啵@意味著我們有違反不只一個(gè)而是兩個(gè) WCAG 2.2 標(biāo)準(zhǔn)的風(fēng)險(xiǎn)：
在使用技術(shù) C28 時(shí)，防止出現(xiàn)這種情況的一種方法是利用 CSS 屬性，如 max-width ，但我個(gè)人更傾向于使用盡可能少的 CSS 屬性（以降低長(zhǎng)期維護(hù)成本）。與使用 width 和 max-width 相比，我們可能只需使用 padding ，然后讓瀏覽器執(zhí)行其默認(rèn)的魔法，使元素適合視口。
本文鏈接：http://www.www897cc.com/showinfo-26-24293-0.html不要在按鈕、鏈接或任何其他文本容器上使用固定的 CSS 高度或?qū)挾?/p>
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權(quán)所有 sitemap.xml
違法及侵權(quán)請(qǐng)聯(lián)系：2376512515@qq.com 津ICP備18001702號(hào)
津公網(wǎng)安備 12010102000574號(hào)