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

網站

文化部國立歷史博物館

姓名

穆邦妮

檢測日期

2018-04-19

檢測裝置

iphone 6

作業系統 與 瀏覽器版本

ios 11.2

解析度(手機螢幕)

375 x 667 pixels

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

壞掉的連結

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

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

  1. 首頁>參觀>一般資訊
    (圖一)行動版
    NMH-2
    (圖二)網頁版
    NMH-3

  1. 首頁>參觀>交通資訊
    NMH-4

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

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

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


  1. 首頁>活動>當期活動
    NMH-14

  1. 首頁>活動>當期活動>2018…
    NMH-15

  1. 首頁>活動>活動成果
    NMH-16

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

  1. 首頁>學習>下載專區
    NMH-19

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

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

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

出現亂碼

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

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

閱讀模式

可以用

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

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

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

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

  1. 建議排版美編

1-1 歷史博物館首頁
NMH-1

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

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

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

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

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

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

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


  1. 選單重複,建議網站更精簡。
    歷史博物館首頁
    NMH-9
    NMH-7
1個讚

問題:

原始程式:

位置:國立歷史博物館

建議修改:

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


問題:

原始程式:

位置:國立歷史博物館

建議修改:

已測試,問題無法複現

補充:

htm(iPhone 6_7_8)


問題:

原始程式:

位置:國立歷史博物館

建議修改:

已測試,問題無法複現

補充:

htm(iPhone 6_7_8)


問題:

可能原因:

margin設置錯誤

原始程式:

以 首頁>展覽>展覽回顧 >陳坤一書法展 為例
位置:國立歷史博物館 :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%;
	}
}

補充:

htm_1(iPhone 6_7_8)


問題:

原始程式:

位置:國立歷史博物館

建議修改:

已測試,問題無法複現

補充:

htm(iPhone 6_7_8)


問題:

原始程式:

位置:國立歷史博物館

建議修改:

已測試,問題無法複現

補充:

htm_1(iPhone 6_7_8)


問題:

原始程式:

位置:國立歷史博物館

建議修改:

已測試,問題無法複現

補充:

htm(iPhone 6_7_8)


問題:

可能原因:

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

原始程式:

位置:國立歷史博物館 :1831

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

位置:國立歷史博物館 :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;}

補充:

htm_1(iPhone 6_7_8)


問題:

原始程式:

位置:國立歷史博物館

建議修改:

已測試,問題無法複現

補充:

htm(iPhone 6_7_8)


問題:

原始程式:

位置:國立歷史博物館

建議修改:

已測試,問題無法複現

補充:

htm(iPhone 6_7_8)


問題:

可能原因:

區塊寬度被限制

原始程式:

位置:國立歷史博物館 :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>

補充:

htm(iPhone 6_7_8)

問題:

原始程式:

位置:國立歷史博物館

建議修改:

已測試,問題無法複現

補充:

htm(iPhone 6_7_8)

問題:

原始程式:

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

建議修改:

已測試,問題無法複現