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

bonniemu · 2018年04月19日10:18

網站

文化部國立歷史博物館

姓名

穆邦妮

檢測日期

2018-04-19

檢測裝置

iphone 6

作業系統與瀏覽器版本

ios 11.2

解析度（手機螢幕）

375 x 667 pixels

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

是

壞掉的連結

無

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

首頁
(圖一)行動版

(圖二)網頁版

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

(圖二)網頁版

首頁>參觀>交通資訊

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

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

(圖二)網頁版

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

(圖二)網頁版

首頁>活動>當期活動

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

首頁>活動>活動成果

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

首頁>學習>下載專區

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

首頁>服務>服務信箱

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

無

出現亂碼

無

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

無

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

無

閱讀模式

可以用

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

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

(圖二)網頁版

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

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

建議排版美編

1-1 歷史博物館首頁

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

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

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

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

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

(圖二)網頁版

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

(圖二)網頁版

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

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

YungYu · 2018年06月08日14:09

問題：

原始程式：

位置：國立歷史博物館

建議修改：

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

問題：

原始程式：

位置：國立歷史博物館

建議修改：

已測試，問題無法複現

補充：

問題：

原始程式：

位置：國立歷史博物館

建議修改：

已測試，問題無法複現

補充：

問題：

可能原因：

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%;
	}
}

補充：

問題：

原始程式：

位置：國立歷史博物館

建議修改：

已測試，問題無法複現

補充：

問題：

原始程式：

位置：國立歷史博物館

建議修改：

已測試，問題無法複現

補充：

問題：

原始程式：

位置：國立歷史博物館

建議修改：

已測試，問題無法複現

補充：

問題：

可能原因：

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;}

補充：

問題：

原始程式：

位置：國立歷史博物館

建議修改：

已測試，問題無法複現

補充：

問題：

原始程式：

位置：國立歷史博物館

建議修改：

已測試，問題無法複現

補充：

問題：

可能原因：

區塊寬度被限制

原始程式：

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

補充：

YungYu · 2018年06月12日08:37

問題：

原始程式：

位置：國立歷史博物館

建議修改：

已測試，問題無法複現

補充：

YungYu · 2018年06月12日08:48

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

網站

姓名

檢測日期

檢測裝置

作業系統 與 瀏覽器版本

解析度（手機螢幕）

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

壞掉的連結

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

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

出現亂碼

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

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

閱讀模式

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

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

問題：

原始程式：

建議修改：

問題：

原始程式：

建議修改：

補充：

問題：

原始程式：

建議修改：

補充：

問題：

可能原因：

原始程式：

建議修改：

補充：

問題：

原始程式：

建議修改：

補充：

問題：

原始程式：

建議修改：

補充：

問題：

原始程式：

建議修改：

補充：

問題：

可能原因：

原始程式：

建議修改：

補充：

問題：

原始程式：

建議修改：

補充：

問題：

原始程式：

建議修改：

補充：

問題：

可能原因：

原始程式：

建議修改：

補充：

問題：

原始程式：

建議修改：

補充：

問題：

原始程式：

建議修改：

作業系統與瀏覽器版本