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

ray 教育部
, ,
#1

網站

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

姓名

俞雋

檢測日期

2018-05-12

檢測裝置

ASUS ZENFONE 3；型號：ASUS_Z017DA

作業系統 與 瀏覽器版本

作業系統：Android 8.0.0

瀏覽器版本：Chrome 65.0.3325.109

解析度（手機螢幕）

360*640 pixels, 24 bit

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

是

壞掉的連結

無

跑版（影響閱讀）問題

1.跑版但不影響閱覽

首頁>區域環境

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

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

解法回文連結

圖(一)

image

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

1.按鍵點擊後無回應

首頁>建築設計

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

圖(二)

image

出現亂碼

無

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

無

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

無

閱讀模式

Android測試生

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

無

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

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

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

圖(三)

image

#2

問題：

可能原因：

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

原始程式：

位置：view-source:區域環境
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>

補充：

(修正後之截圖)
37