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

1.4.10 CS2141007E 使用CSS最大寬度和高度容納圖像

稽核評量碼

CS2141007E

對應成功準則

1.4.10

對應認證等級

AA

對應國際技術碼

C37

類別

CSS

訊息

使用CSS最大寬度和高度容納圖像

英文訊息

C37: Using CSS max-width and height to fit images

規則說明

響應式佈局的圖片須能適應可用的空間與保留圖片的原始尺寸,必須遵守使用CSS max-width和height屬性的方式。

檢測說明

程序

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

注意:

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

預期結果

#3和#4為是。

說明