交通部公路總局-劉佳慧

網站

公路總局

姓名

劉佳慧

檢測日期

2018-04-29

檢測裝置

ASUS_Z01KDA

作業系統 與 瀏覽器版本

Android 8.0.0
Chrome版本:Chrome 65.0.3325.109

解析度(手機螢幕)

螢幕解析度 360x640 pixels

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

壞掉的連結


跑版(影響閱讀)問題

圖片跑版解法回文連結


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

出現亂碼

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

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

閱讀模式

使用Android無閱讀模式

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

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

  • 表格幾乎都可左右拖移無跑版問題,但有些地方文字訊息太長導致表格拉的太寬,不易閱讀

問題

可能原因

原本以為這個網站一堆phone-only的問題,想說一定沒有用bootstrap
意外的是有用bootstrap,所以這個用table導致超出版面的問題就可以用table-responsive稍微解決
但實質的問題還是在於沒有RWD的意識,明明是三張圖卻要合在一起,變成一張超級寬的圖,放到手機上不用說一定會跑版的阿,就算硬縮小讓它不會跑版,但是這樣能看嗎?

問題

可能原因

100% width

原始程式

位置:https://www.thb.gov.tw/page?node=f31e5b86-a4ac-4695-865f-d18625484e68 : 3067

<img alt="下鄉考照服務作業流程" src="FileResource.axd?path=html/image/ch/look1-7b.gif" >

建議修改

<img alt="下鄉考照服務作業流程" src="FileResource.axd?path=html/image/ch/look1-7b.gif" style="width: 100%;">

補充

圖片

問題

建議修改

word-break: break-all;

<a href="http://www.thb.gov.tw/sites/ch/faq_list" style="font-size: 14pt;word-break:  break-all;">http://www.thb.gov.tw/sites/ch/faq_list</a>

補充

image