文化部國立歷史博物館-穆邦妮

已檢查
第a組
ios

#1

網站

文化部國立歷史博物館

姓名

穆邦妮

檢測日期

2018-04-19

檢測裝置

iphone 6

作業系統 與 瀏覽器版本

ios 11.2

解析度(手機螢幕)

375 x 667 pixels

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

壞掉的連結

跑版(影響閱讀)問題 (解法回文連結)

  1. 首頁
    (圖一)行動版
    NMH-7
    (圖二)網頁版

  1. 首頁>參觀>一般資訊
    (圖一)行動版

    (圖二)網頁版

  1. 首頁>參觀>交通資訊

  1. 首頁>展覽>展覽回顧
    此網頁的子選單皆有類似問題,以下為舉例。

4-1 首頁>展覽>展覽回顧 >陳坤一書法展
(圖一)行動版
NMH-10
(圖二)網頁版

4-2 首頁>展覽>展覽回顧 >漢字文本…
(圖一)行動版
NMH-12
(圖二)網頁版


  1. 首頁>活動>當期活動

  1. 首頁>活動>當期活動>2018…

  1. 首頁>活動>活動成果

  1. 首頁>活動>活動成果>2018/02/28…

  1. 首頁>學習>下載專區

  1. 首頁>文創>史博文創>架構與特色

  1. 首頁>服務>服務信箱
    NMH_06

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

出現亂碼

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

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

閱讀模式

可以用

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

  1. 首頁>文創>史博文創 >公益文創
    行動版與網頁版內容不同。 (解法回文連結)
    (圖一)行動版

    (圖二)網頁版

  1. 首頁>文創>文創精選與推薦>主題推薦
    使用手機點擊子選項一下會出現黑色框框,點擊兩次才會進入頁面;若使用網頁點擊一下即可進入頁面。 (解法回文連結)

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

  1. 建議排版美編

1-1 歷史博物館首頁

1-2 首頁>參觀>樓層瀏覽

1-3 首頁>展覽>當期展覽>童‧樂…
建議票價表格化,較清楚易讀。

1-4 首頁>展覽>館藏展>1F 石雕走廊
建議圖片置中

1-5 首頁>訊息>訊息公告>黃前館長…
圖片建議置中

1-6 首頁>文創>文創新訊
(圖一)行動版
NMH_07
(圖二)網頁版

1-7 首頁>文創>文創精選與推薦>主題推薦>年度生肖
行動版的圖片過小,建議圖片可以依照行動版與網頁版的不同而配置。
(圖一)行動版


(圖二)網頁版

1-8 首頁>文創>文創精選與推薦>文物精選
建議圖片依照行動版網頁調整大小並置中。


  1. 選單重複,建議網站更精簡。
    歷史博物館首頁

    NMH-7

#2

問題:

原始程式:

位置:https://www.nmh.gov.tw/zh/index.htm

建議修改:

已測試,非程式問題,手機板選單僅做四個按鈕,其他選項點擊左方漢堡後顯示


問題:

原始程式:

位置:https://www.nmh.gov.tw/zh/visit_1_1.htm

建議修改:

已測試,問題無法複現

補充:


問題:

原始程式:

位置:https://www.nmh.gov.tw/zh/visit_1_2.htm

建議修改:

已測試,問題無法複現

補充:


問題:

可能原因:

margin設置錯誤

原始程式:

以 首頁>展覽>展覽回顧 >陳坤一書法展 為例
位置:https://www.nmh.gov.tw/css/zh/sub.css :4933

@media screen and (max-width:767px){
	.slider_pic{
		zoom:80%;
		margin-bottom:-40%;
	}
}

建議修改:

刪除margin屬性

@media screen and (max-width:767px){
	.slider_pic{
		zoom:80%;
	}
}

補充:


問題:

原始程式:

位置:https://www.nmh.gov.tw/zh/action_now.htm

建議修改:

已測試,問題無法複現

補充:


問題:

原始程式:

位置:https://www.nmh.gov.tw/zh/action_3_1_13_1036.htm?1

建議修改:

已測試,問題無法複現

補充:


問題:

原始程式:

位置:https://www.nmh.gov.tw/zh/action_lookback.htm

建議修改:

已測試,問題無法複現

補充:


問題:

可能原因:

float屬性使用氾濫;長英文不會自動換行

原始程式:

位置:https://www.nmh.gov.tw/zh/action_3_2_1_1019.htm?1 :1831

.c03_mid{
	position:relative;
	width:auto;
	height:auto;
	float:left;
}

位置:https://www.nmh.gov.tw/zh/action_3_2_1_1019.htm?1 :6867

@media screen and (max-width:767px){
	.c03_mid{
		position:relative;
		width:auto;
		height:auto;
		float:left;
	}
}

建議修改:

刪除float屬性

.c03_mid{
	position:relative;
	width:auto;
	height:auto;
}
@media screen and (max-width:767px){
	.c03_mid{
		position:relative;
		width:auto;
		height:auto;
	}
}

在css中加上word-break屬性

p{word-break:break-all;}

補充:


問題:

原始程式:

位置:https://www.nmh.gov.tw/zh/learning_5_1.htm

建議修改:

已測試,問題無法複現

補充:


問題:

原始程式:

位置:https://www.nmh.gov.tw/zh/creative_6_3.htm

建議修改:

已測試,問題無法複現

補充:


問題:

可能原因:

區塊寬度被限制

原始程式:

位置:https://www.nmh.gov.tw/zh/service_8_42.htm :414

<div style="float:left; width:9%">......</div>
<div style="float:left; width:9%">......</div>

建議修改:

刪除寬度限制

<div style="float:left;">......</div>
<div style="float:left;">......</div>

補充:


#3

問題:

原始程式:

位置:https://www.nmh.gov.tw/zh/creative_6_3_3.htm#3

建議修改:

已測試,問題無法複現

補充:


#4

問題:

原始程式:

位置:https://www.nmh.gov.tw/zh/creative_6_4.htm

建議修改:

已測試,問題無法複現