衛生福利部志願服務資訊網-黃子菡

網站

衛生福利部志願服務資訊網

姓名

黃子菡

檢測日期

2018-5-14

檢測裝置

iPhone X
MacBook Pro (Retina, 13-inch, Early 2015)

作業系統 與 瀏覽器版本

iOS 11.3/ Safari 11.3
macOS 10.13.4 Beta/ Chrome 65.0.3325.181

解析度(手機螢幕)

375 x 812 pixels

是否會自動跳入行動版欄位?

壞掉的連結

  1. 首頁搜尋:無法輸入以致無法搜尋(圖1)(圖2)
  2. 首頁 > 志工活動消息 > 活動好看 社會企業的樣貌實務分享會:檔案下載失敗(圖3)

(圖1)

(圖2)

(圖3)


跑版(影響閱讀)問題

  1. 首頁 > 榮譽卡專區: “…” 但內文無相關資訊(圖4)(圖5)解法回文
  2. 首頁 > 志願服務智庫 > 主管機關:表格跑版(圖6)解法回文

(圖4)

(圖5)

(圖6)


無法操作的網頁元素(如按鈕不能按、選單不能選等)

出現亂碼

不能用的外掛程式(Flash、ActiveX、Applet、Silverlight、…)

網站載入緩慢(相對一般網站)

閱讀模式

部分可以用

其他(無法判斷屬於以上那個分類的都放在這邊)

  1. 首頁 > 問答集 > 問題:測試的內容被顯示出來(圖7)
  2. 首頁 > 問答集 > 問題:格式不統一,多餘的 “Q” & “A” (圖8)(圖9)
  3. 首頁 > 榮譽卡專區:電話格式不統一(圖10)
  4. 首頁 > 運用單位查詢 > 新竹市虎林國小_志工隊(未使用):內文日期不清楚(圖11)

(圖7)

(圖8)

(圖9)

(圖10)

(圖11)

對此網站建議(非程式問題皆放置這裡)

  1. 字體設定最小還是很大
  2. 首頁頁尾地址標示不清(圖12)

(圖12)

問題

補充

並無跑板,他文字自己有…,電腦版也是這樣

問題

建議修改:

建議別使用table,可以改用別的方式實作RWD,在這邊我用最不好的方式以解決目前跑板問題,希望能改變寫法,例如使用grid
overflow: scroll

補充幾種做法參考

http://lab.25sprout.com/responsive_table/