網站

國軍退除役官兵輔導委員會

姓名

謝茵安

檢測日期

2018-04-03

檢測裝置

SAMSUNG-J700F

作業系統 與 瀏覽器版本

Android 5.1.1
Chrome版本：Chrome 65.0.3325.181

解析度（手機螢幕）

螢幕解析度 360X640

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

是

壞掉的連結

無

跑版（影響閱讀）問題

1.地圖跑版
首頁>主要服務>就醫服務>輔導會醫療體系

2.圖片變形(國軍退除役官兵輔導委員會－謝茵安 - #2 lemotw1024)
首頁>訊息公告>榮民遺留不動產標售

3.影片跑版(國軍退除役官兵輔導委員會－謝茵安 - #2 lemotw1024)
首頁>主要服務>就學服務>升學服務>考選四技/大學

4.文字排版亂，建議製作一個表格
首頁>主要服務>就學服務>升學服務>加分優待

5.表格跑掉(國軍退除役官兵輔導委員會－謝茵安 - #3 lemotw1024)
首頁>主要服務>就學服務>就業考試進修補助>進修補助規定

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

無

出現亂碼

無

不能用的外掛程式（Flash、ActiveX、Applet、Silverlight、…）

無

網站載入緩慢（相對一般網站）

無

閱讀模式

Android系統

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

無

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

1.網站設計的很好看，不管是整體配色、按鈕的顏色設置，看起來都非常舒服美觀。最新消息那裡的NEW，配色跟大小都很顯眼、鮮明，從小地方就能看出設計得很用心。
2.想要的查詢資訊一目瞭然，非常方便查詢，看起來是用心製作過的。
3.有些圖在手機介面瀏覽看起來會比較小，部分資訊模糊，但這個網站很棒的一點是，點開圖會顯示原本大小的圖，這是非常棒的設計。
4.整體來講，是個非常棒的網站，唯一覺得小小可以改進的地方是，藍色列表的部分，點列表時，會出現下拉選單，但電腦設定是你還來不及按選單，就會直接跳到另一個新的介面。建議可以不用有這個動作，直接使用選單，會省去一些時間。
首頁>關於本會

問題

可能原因

寬高寫死

原始程式

位置:
https://www.vac.gov.tw/cp-1922-2938-1.html:221
https://www.vac.gov.tw/cp-1791-40189-1.html:213

<div><iframe allowfullscreen="" frameborder="0" height="315" scrolling="no" src="https://www.youtube.com/embed/7xyQsT8MdOg" title="考選四技/大學入學" width="560"></iframe></div>

                  </ul><p><img alt="公告1" src="/Public/Images/201804/10018040216115e4ad.jpg" style="height: 1400px; width: 100%;" /><img alt="公告2" src="http://sys2.vac.gov.tw/Public/Images/201804/7531804021611b36ff.jpg" style="height: 1400px; width: 100%;" /></p>

建議修改

iframe將width改成100%
img將高度限制拿掉

<div><iframe allowfullscreen="" frameborder="0" height="315" scrolling="no" src="https://www.youtube.com/embed/7xyQsT8MdOg" title="考選四技/大學入學" width="100%"></iframe></div>

                  </ul><p><img alt="公告1" src="/Public/Images/201804/10018040216115e4ad.jpg" style="height: 1400px; width: 100%;" /><img alt="公告2" src="http://sys2.vac.gov.tw/Public/Images/201804/7531804021611b36ff.jpg" style="width: 100%;" /></p>

補充

問題

可能問題

寬度限死

原始程式

位置:
https://www.vac.gov.tw/cp-https://lms.ctl.cyut.edu.tw/blog/lib/read_attach.php?id=4221822226-3246-1.html:263

<table border="1" cellpadding="0" cellspacing="0" style="width: 457px" width="571">

建議修改

在css加上media語法

@media only screen and (max-width:500px){
    table{
        width:100%;
    }
}

補充

問題

可能原因

文案設計問題

建議修改

請原單位做根據己身需求，做出更好的排版。

問題

可能原因

這個地圖是使用一張台灣的底圖，並在上面對li做相對定位。所以在足夠寬度下li原本的相對定位才會有效，寬度過小會讓它裡面li互相擠壓。但在呈現有使用overflow-x:auto;，所以資訊傳達我認為沒有問題。

建議修改

如果還是要用相對定位做這個效果的話，定位值要改以百分比。