國家圖書館南部分館暨聯合典藏中心新建工程資訊網─俞雋

網站

國家圖書館南部分館暨聯合典藏中心新建工程資訊網


姓名

俞雋


檢測日期

2018-05-12


檢測裝置

ASUS ZENFONE 3;型號:ASUS_Z017DA


作業系統 與 瀏覽器版本

作業系統:Android 8.0.0

瀏覽器版本:Chrome 65.0.3325.109


解析度(手機螢幕)

360*640 pixels, 24 bit


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


壞掉的連結


跑版(影響閱讀)問題

1.跑版但不影響閱覽

首頁>區域環境

首頁>訊息發布>媒體報導

說明:網站內容有輕微跑版,但可藉由螢幕的移動或縮放加以解決,如圖(一)。

解法回文連結

圖(一)


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

1.按鍵點擊後無回應

首頁>建築設計

說明:按鍵點擊後無反應。具體情況可見圖(二)

圖(二)


出現亂碼


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


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


閱讀模式

Android測試生


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


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

1.網站未設有麵包穴系統,建議設置以改善使用者體驗。

2.選單字體偏小,如圖(三)之紅框部分,建議將其加大以利觸控。

圖(三)

問題:

可能原因:

地圖的iframe長寬設為固定數值,導致跑版。

原始程式:

位置:view-source:https://sbncp.ncl.edu.tw/tw/基地位址/區域環境.html
466行

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1779.8112194481355!2d120.31022542438329!3d23.318395912684135!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346e85c646e39ed1%3A0x54209230dc6d3950!2z5paw54ef57ay55CD5aC0!5e0!3m2!1szh-TW!2stw!4v1513233113945" width="600" height="450" frameborder="0" style="border:0" allowfullscreen=""></iframe>

建議修改:

將iframe寬度設為百分比。

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1779.8112194481355!2d120.31022542438329!3d23.318395912684135!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346e85c646e39ed1%3A0x54209230dc6d3950!2z5paw54ef57ay55CD5aC0!5e0!3m2!1szh-TW!2stw!4v1513233113945" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen=""></iframe>

補充:

(修正後之截圖)