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

ray 教育部
, ,
#1

網站

遠距學園

姓名

邵嘉嶸

檢測日期

2018-04-20

檢測裝置

iPhone 7

作業系統 與 瀏覽器版本

iOS 11.3

解析度（手機螢幕）

375x667 pixels

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

是

壞掉的連結

跑版（影響閱讀）問題

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

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

跑掉跑掉跑掉

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

無

出現亂碼

無

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

無

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

無

閱讀模式

不可以用

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

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

  • [color=“red”]整個網站需要符合手機版還需要很大努力[/color]

  • [color=“red”]目前基本上處於幾近無法使用的狀況[/color]

  • [color=“red”]至少從列表先做好開始，然後再去修正中間跑掉的問題[/color]

  • [color=“red”]再去試著修正視聽區的問題[/color]

  • [color=“red”]一步一步來，加油！[/color]

#2

問題：

可能原因：

內容未做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;
}

補充

可以左右拖曳
07

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

#3

問題：

可能原因：

表單未設定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;
}

補充

44

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

#4

問題：

可能原因：

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

原始程式：

無

建議修改：

無

補充

無

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

#5

問題：

可能原因：

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

原始程式：

無

建議修改：

無

補充

無

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