國立故宮博物院-高偉庭

網站

國立故宮博物院

姓名

高偉庭

檢測日期

2018-04-03

檢測裝置

Samsung Galaxy S7 edge

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本:Chrome 64.0.3325.109

解析度(手機螢幕)

360x640 pixels

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

壞掉的連結

  1. 首頁>焦點訊息>加入故宮>志工>國立故宮博物院志工管理作業要點
  2. 首頁>博物館行政>政府資訊公開>行政指導相關文書>參觀資訊
    點入連結後網站已經不見了(國立故宮博物院-高偉庭)
    2018-04-03_111825

跑版(影響閱讀)問題

  1. 首頁>焦點訊息>加入故宮>故宮之友
    排版使段落閱讀不順(國立故宮博物院-高偉庭)
  2. 首頁>授權與文創>出版與圖像授權
    圖片無法完全顯示(國立故宮博物院-高偉庭)
  3. 首頁>認識故宮>傳承與延續>現行組織與職掌
    表格跑掉了(國立故宮博物院-高偉庭)
    2018-04-04_214004
  4. 首頁>參觀>院區地圖
    首頁>參觀>交通指南>自行開車
    圖片跑不全,雖然可以滑動來移動圖片,但感覺很不方便(國立故宮博物院-高偉庭)

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

  1. 首頁>加值服務> 多媒體下載> 語音類
    只有按mp3處才能開啟下載,mp3處又很小,不太方便(解法回文連結)
    2018-04-04_205540
  2. 首頁>博物館行政>性別統計專區>相關團體提案區
    點按時不會跳到下方相應的段落(國立故宮博物院-高偉庭)
  3. 首頁>博物館行政>遊說法資訊專區
    公告事項無法按(國立故宮博物院-高偉庭)
    2018-04-04_213232
  4. 首頁>參觀>展區導引
    如果點擊地圖上的房間數字,可以跳到先對應的展覽會更好(解法回文連結)
  5. 首頁
    最上方的圖片無法點按(國立故宮博物院-高偉庭)
    2018-04-06_173813

出現亂碼

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

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

閱讀模式

Android不適用

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

  1. 首頁>典藏資源>主題網站>滿庭芳-歷代花卉名品特展>參觀網站
    首頁>典藏資源>主題網站>文藝紹興-南宋藝術與文化特展>參觀網站
    首頁>典藏資源>主題網站>雍正─清世宗文物大展>參觀網站
    首頁>參觀>時間票價>張大千先生紀念館
    首頁>參觀>時間票價>至善園
    首頁>展覽>當期展覽>敬天格物-院藏玉器精華展>參觀網站
    首頁>展覽>當期展覽>吉金耀采-院藏銅器精華展>參觀網站
    首頁>展覽>當期展覽>摶泥幻化—院藏陶瓷精華展>參觀網站
    首頁>展覽>當期展覽>鐘鼎彝銘-漢字源流展>參觀網站
    首頁>展覽>當期展覽>戶外公共藝術〈無為/無不為〉>參觀網站
    首頁>展覽>當期展覽>慈悲與智慧—宗教雕塑藝術>參觀網站
    首頁>展覽>當期展覽>貴冑榮華-清代家具展>參觀網站
    按下參觀網站時會跳出網頁版而非手機版網站。同時Flash不能用。(國立故宮博物院-高偉庭)
  2. 首頁>典藏資源>主題網站>佛經圖繪詳說>參觀網站
    首頁>典藏資源>主題網站>宋代書畫冊頁之美>參觀網站
    首頁>展覽>當期展覽>導覽大廳>參觀網站
    跑出電腦版網站而沒有手機版網站(解法回文連結)
  3. (點按左上漢堡)首頁>典藏資源
    沒有出現3D虛擬文物展示系統的按紐(電腦版是有的)(國立故宮博物院-高偉庭)

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

  1. 當連到其他網站時,有時會跳出警告但有時卻不會。若能統一會更好。
  2. 首頁>博物館行政>性別統計專區
    點入該網頁時答案預先填入了,這樣怪怪ㄉ

問題

可能原因

圖片寬度寫死

原始程式

位置:
https://www.npm.gov.tw/zh-TW/Article.aspx?sNo=03003844:422

<img src="/Att_FCK/image/zh-tw/A60000000E-I42-075.jpg" alt="廠商申請出版授權管理機制流程圖" width="100%" height="717" />

建議修改

將寬高改成100%

<img src="/Att_FCK/image/zh-tw/A60000000E-I42-075.jpg" alt="廠商申請出版授權管理機制流程圖" width="100%" height="100%" />

補充

問題

可能原因

高度寫死,造成ul overflow的部份沒法顯示

原始程式

位置:
https://www.npm.gov.tw/common/css/list.css

.organization_chart ul{
    padding: 22px 12px;
    height: 190px;
    list-style: none;
    overflow: hidden;
    color: #474747;
    background: #cfcbc0;
}

建議修改

將高度設100%

.organization_chart ul{
    padding: 22px 12px;
    height: 100%;
    list-style: none;
    overflow: hidden;
    color: #474747;
    background: #cfcbc0;
}

補充

問題

可能原因

寬高設死

原始程式

位置:
https://www.npm.gov.tw/common/css/list.css:3072

	.parkingMap img {
	    width: 548px;
	}

建議修改

	.parkingMap img {
	    width: 100%;
	}

補充

問題

可能原因

因為a tag很小

建議修改

將a設定一定比例得寬高,並加上背景色

element {
	width: 40%;
	height: 40px;
	background-color: red;
	border-radius: 10px;
	text-align: center;
	padding-top: 3.5%;
}

補充

問題

可能原因

連接無寫好

原始程式

位置:
https://www.npm.gov.tw/index.aspx:360

            <a href="javascript:;">
                <h1>國立故宮博物院</h1>
            </a>

建議修改

將連結導回首頁

           <a href="/">
                <h1>國立故宮博物院</h1>
           </a>

問題

建議修改

淘汰Flash,改用CSS動畫或其他方案。

問題

補充

我這邊看是正常的耶~

問題

可能原因

因為table裡的td是固定比例,所以在手機上會有點怪怪的。

建議修改

更改td的比例,或者搭配@media增加margin調整。

問題

可能原因

連結未補上

建議修該

請單位補上