跳到主要內容
  • 字級
:::|

1.4.10 CS2141000E 使用媒體查詢(media query)和CSS網格(grid)重排網頁欄格

稽核評量碼

CS2141000E

對應成功準則

1.4.10

對應認證等級

AA

對應國際技術碼

C32

類別

CSS

訊息

使用媒體查詢和CSS網格重排網頁欄格

英文訊息

C32: Using media queries and grid CSS to reflow columns

規則說明

創建在不同裝置上及使用者偏好不同內容大小而可良好呈現的設計,必須遵守此方式。

檢測說明

程序

  1. 在能夠進行400%縮放的使用者代理中顯示網頁,並將視埠尺寸(以CSS像素為單位)設置為1280寬和1024高。
  2. 放大400%。
  3. 對於水平讀取的內容,檢查所有內容和功能是否可用而不進行水平滾動。
  4. 對於垂直讀取的內容,檢查所有內容和功能是否可用而不進行垂直滾動。

注意:

如果瀏覽器無法縮放到400%,則可以按比例縮放瀏覽器的寬度或高度。例如,在300%縮放時,視埠的大小應為960px寬。

 

預期結果

檢查#3和#4為是。

說明

參考資源

相關技術

  • C31: Using CSS Flexbox to reflow content