國軍退除役官兵輔導委員會-謝茵安

網站

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

姓名

謝茵安

檢測日期

2018-04-03

檢測裝置

SAMSUNG-J700F

作業系統 與 瀏覽器版本

Android 5.1.1
Chrome版本:Chrome 65.0.3325.181

解析度(手機螢幕)

螢幕解析度 360X640

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

壞掉的連結


跑版(影響閱讀)問題

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


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

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

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

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


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

出現亂碼

不能用的外掛程式(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;,所以資訊傳達我認為沒有問題。

建議修改

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