教育部國家圖書館遠距學園-邵嘉嶸

網站

遠距學園


姓名

邵嘉嶸


檢測日期

2018-04-20


檢測裝置

iPhone 7


作業系統 與 瀏覽器版本

iOS 11.3


解析度(手機螢幕)

375x667 pixels


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


壞掉的連結


跑版(影響閱讀)問題

頁面中段整個跑掉了(解法兩篇都要做)

解法回文連結
解法回文連結






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


出現亂碼


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


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


閱讀模式

不可以用


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





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

  • 整個網站需要符合手機版還需要很大努力

  • 目前基本上處於幾近無法使用的狀況

  • 至少從列表先做好開始,然後再去修正中間跑掉的問題

  • 再去試著修正視聽區的問題

  • 一步一步來,加油!

問題:

可能原因:

內容未做RWD,先以可拖移全部介面為修正方式,建議重新設計內容表單

原始程式:

位置:https://cu.ncl.edu.tw/theme/default/bootstrap336/css/bootstrap.css:1062

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

建議修改:

加上overflow

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
}

補充

可以左右拖曳

結尾(選填,可增加網站建議)

問題:

可能原因:

表單未設定RWD

原始程式:

位置:https://cu.ncl.edu.tw/public/css/common.css?d4c2e4a3

/* 複寫bootstrap-responsive.min.css的.container{} */
.container {
  min-width: 885px;
  width: 100%;
  height: 52px;
}

位置:https://cu.ncl.edu.tw/public/css/orange/index1.css?d4c2e4a3:4

.container {
  /* min-width: 885px; */
  width: 100%;
  height: 52px;
}

建議修改:

移除369行

/* 複寫bootstrap-responsive.min.css的.container{} */
.container {
  width: 100%;
  height: 52px;
}

移除5行

.container {
  min-width: 885px;
  width: 100%;
  height: 52px;
}

補充

結尾(選填,可增加網站建議)

問題:

可能原因:

此為內文資料過多,無法調整,故不處理,建議重新設計,非排版設定問題

原始程式:

建議修改:

補充

結尾(選填,可增加網站建議)

問題:

可能原因:

非版型錯誤,遵照原設計邏輯,故不處理

原始程式:

建議修改:

補充

結尾(選填,可增加網站建議)