教育部國家圖書館-黃嘉旭

網站

國家圖書館

姓名

黃嘉旭

日期

2017—11–04

瀏覽器解析度(iOS的Safari填裝置名稱 macOS填瀏覽器解析度)

1440 * 900

作業系統版本

macOS 10.12.6(MBA 2015)

瀏覽器版本(iOS的Safari填iOS版本)

Chrome:版本 62.0.3202.75 (正式版本) (64 位元)
Safari:版本 11.0(12604.1.38.1.7)

有發現表格排版影響閱讀問題(大量table爆炸可以截示意圖列出位置就好)

有跑版(影響閱讀)問題

[首頁]>[會員申請]>[STEP 3 整合國家圖書館其他系統帳號]會員申請之 「STEP 3 整合國家圖書館其他系統帳號」Radio 按鈕跑版

有出現亂碼

有壞掉的連結

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

無|N/A

有不能運作的網頁元素(如按鈕不能按、選單不能選等)

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

對此網站建議(給個建議吧)

☆☆☆☆

這是一個簡潔有效、能正常使用的圖書館網站。只是首頁不一定要放那些輪播 Gif 圖,因為視覺上反而有些雜亂

問題:

[首頁]>[會員申請]>[STEP 3 整合國家圖書館其他系統帳號]會員申請之 「STEP 3 整合國家圖書館其他系統帳號」Radio 按鈕跑版

可能原因:

源於 bootstrap 的 .form-horizontal .form-group margin 設定

原始程式:

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
.form-group {
  margin-bottom: 15px;
}

建議修改:

修改 bootstrap form-group 屬性

.form-group {
  margin-bottom: 15px;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

補充:修改後的版面如下