國軍退除役官兵輔導委員會退除役官兵就學進修輔助--楊珣

網站

國軍退除役官兵輔導委員會退除役官兵就學進修輔助

姓名

楊珣

檢測日期

2018-05-09

檢測裝置

Sony Xperia Ultra XA1

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本:Chrome 66.0.3359.139

解析度(手機螢幕)

360x640 pixels

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

壞掉的連結


跑版(影響閱讀)問題



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

  • 問題一(按鈕不能按)
  • 首頁 > 申請
    擷取4
    (範例一)
    (這個步驟圖貌似可能作成流程圖的樣子會比較理想,不然會被誤認成壞掉的按鈕)

出現亂碼

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

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

閱讀模式

使用Android系統

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

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

  • 需要改進的地方

1.網站導覽可以參考公共政策網路參與平臺
擷取1
(範例一)

2.當會連結到外部網站時,可以標註(外部連結)的字樣。
3.覺得這個網站獨立出來有點不必要,可以劃歸到國軍退除役官兵輔導委員會之內,變成業務之一。因為這個網站多數內容都是連到國軍退除役官兵輔導委員會

問題

可能原因

其實是排版問題

建議修改

橫式div排版沒有做自適應的話這個算是必然的結果
比較hack的方法是轉成table然後用table-responsive叫使用者自己去拉滾輪
不過以上方法非常非常不推薦,table本身就對手機不友好,只不過剛好利用bootstrap有幫忙稍微修這塊
最好的還是用bootstrap自帶的grid系統,利用col-xm去調手機輸出,不過這就不能無腦套table需要動一下腦規劃一下排版
或是不用bootstrap,而是用css display:flex 來處理

問題

可能原因

很明顯示固定圖片大小造成的,要解決這塊也很簡單

<img src="images/logo.png" alt="LOGO" style="width: 135px; height: 133px" title="LOGO">

改成

<img src="images/logo.png" alt="LOGO" style="width: 100%; height: 100%" title="LOGO">

不過重點在於改過之後排版會整個跑掉,所以重點還是其實跟上面一樣:手機請換個輸出排版