文化資產學院─俞雋

網站

文化資產學院


姓名

俞雋


檢測日期

2018-05-13


檢測裝置

ASUS ZENFONE 3;型號:ASUS_Z017DA


作業系統 與 瀏覽器版本

作業系統:Android 8.0.0

瀏覽器版本:Chrome 65.0.3325.109


解析度(手機螢幕)

360*640 pixels, 24 bit


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


壞掉的連結


跑版(影響閱讀)問題

1.跑版且影響閱覽

首頁>最新消息>重要訊息>文資學院網站伺服器停電公告

首頁>最新消息>重要訊息>文化資產學院第三期申請公告

說明:頁面內容跑版以致部分內容遭到遮蔽,影響閱覽。詳見圖(一)。解法回文連結

圖(一)

image

2.跑版且不影響閱覽

首頁>最新消息>一般訊息>研發群組 咬口道具研發案 三期總成果展

首頁>最新消息>一般訊息>咬口道具創新研發工作坊

首頁>報名專區

首頁>資源分享>活動花絮>推廣群組>(講座)林呈蓉-牡丹社事件的研究面相

首頁>資源分享>影音專區「見說明(2)」

首頁>訊息分享「見說明(2)」

首頁>關於我們>組織團隊「見說明(2)」

首頁>群組介紹>教學群組「見說明(2)」

首頁>群組介紹>產學群組「見說明(2)」

說明:(1)網頁內容雖有超出螢幕的問題,然其可藉由螢幕的縮放、移動加以解決。如圖(二)。(2)這些子條目下面的分頁均有輕微的跑版現象,宜多加注意。解法回文連結

圖(二)

image


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


出現亂碼


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


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


閱讀模式

Android測試生


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


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

1.如圖(二)、(三),此網站善於利用單色調及簡單色裝飾分別代表各項主題,除方便識別外,也別具設計感。

圖(二)、(三)

image
image

2.建議可讓選單隨著頁面滑動而移動,讓使用者不必要回到最頂部才能使用。

問題

可能原因

用div先排好,不要事後才用margin調

原始程式

位置:http://www.coch.tw/assets/css/style.css

.vistor-info {
    text-align: right;
    color: #344e77;
    margin: -6.5em 0 4.5em 0;
}

建議修改

.vistor-info {
    text-align: right;
    color: #344e77;
    /* margin: -6.5em 0 4.5em 0; */
}

問題

可能原因

固定大小的圖

原始程式

位置:白鹿書院公益圖書館 : 300

<span style="font-size: 18px;"><img alt="" src="http://b016.tcpa.edu.tw/ezfiles/16/1016/img/178/690648921.jpg" style="width: 700px; height: 700px;" /></span>

建議修改

看得出來可能是模板或是自動網站建制工具之類的做的,幫img 上p tag還span font-size我也是醉了

<img alt="" src="http://b016.tcpa.edu.tw/ezfiles/16/1016/img/178/690648921.jpg" style="width: 100%; height: 100%;">

補充

圖片
by the way字可能會有點小,但是這整張是一張圖我也沒辦法,看要不要手機板換圖