僑務委員會僑生服務圈-黃子菡

網站

僑務委員會僑生服務圈

姓名

黃子菡

檢測日期

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. 首頁頁尾 Footer:排版雜亂(圖1)解法回文
  2. 首頁 > 僑生技職相關 > 相關法規 > 僑務委員會補助僑生技職專班經費作業要點(圖2)解法回文
  3. 首頁 > 僑生服務 > 為民服務櫃檯 > 表格下載(圖3) (圖4)解法回文
  4. 首頁 > 留臺校友組織 > 補助措施 > 畢業僑生社團活動經費補助要點(圖5)解法回文

(圖1)

IMG_2881

(圖2)

IMG_2887

(圖3)

IMG_28866

(圖4)

IMG_28822

(圖5)

IMG_2889


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

  1. 首頁 > 僑生技職相關 > 承辦學校 > 桃園縣方曙商:404 Not Found (圖6)
    2.首頁 > 留臺工作及居留 > 就業與徵才 > 僑生求職與求才服務 > 大學校院僑生畢業後申請在臺實習作業要點(圖7)

(圖6)

IMG_2884

(圖7)

IMG_2890

出現亂碼

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

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

  1. 首頁 > 僑生技職相關 > 承辦學校 > 臺南市六信高中 (圖8)
  2. 首頁 > 懶人包 > 僑生照顧補給站 (圖9)

(圖8)

IMG_2883

(圖9)

22 PM

閱讀模式

部分可以用

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

  1. 首頁 > 僑輔人員 > 僑輔工作交流平台:超出版面無響應式 (圖9)解法回文

(圖9)

IMG_2893

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

  1. 懶人包的設計很棒,但要調整縮放大小
  2. 認識了很多僑生相關的資源(學校)

問題

建議修改

因螢幕大小導致看起來排版凌亂,而此網站已經有套用bootstrap排版,最簡單的方式是可針對不同的螢幕大小修改字體大小

問題

補充

看起來是正常的或已被修正
30
00

問題

可能原因:

RWD 設定錯誤

原始程式:

位置: 原始碼:561

<table width="655" style="width: 494pt;" border="0" cellspacing="0" cellpadding="0">

建議修改:

RWD的CSS對於表格完全沒做處理,也不應該在一開始就寫死寬度,也建議別使用table,可以改用別的方式實作RWD,在這邊我用最不好的方式以解決目前跑板問題,希望能改變寫法

overflow: scroll

補充

00

補充table建議
http://lab.25sprout.com/responsive_table/