樂齡學習網-謝茵安

網站

樂齡學習網

姓名

謝茵安

檢測日期

2018-04-30

檢測裝置

SAMSUNG-J700F

作業系統 與 瀏覽器版本

Android 5.1.1
Chrome版本:Chrome 65.0.3325.181

解析度(手機螢幕)

螢幕解析度 360X640

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

壞掉的連結

1.連結壞掉
首頁>其他相關連結>我的E政府銀髮館


2.安全性錯誤
首頁>祖父母節>父母心袓孫情-教育部家庭教育全國戲劇表演競賽


跑版(影響閱讀)問題

1.文字跑版(該網站多個頁面都有此問題)
首頁>107年南區樂齡輔導團辦理屏東縣樂齡學習增能培訓計畫
首頁>教育部107年度樂齡學習中南區輔導團–樂齡學習核心課程規劃師進階培訓工作坊
首頁>樂齡輔導團>樂齡培訓>活動記事>九十七年度中區培訓
首頁>樂齡輔導團>樂齡培訓>活動記事>九十七年度南區培訓


2.表格跑掉
首頁>樂齡學習中心>106年度
首頁>樂齡學習中心>105年度
首頁>樂齡學習中心>104年度
首頁>樂齡學習中心>103年度

3.影片被切
首頁>樂齡教育奉獻獎>第三屆樂齡教育奉獻獎
首頁>樂齡教育奉獻獎>第二屆樂齡教育奉獻獎


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

1.按鈕按了沒反應
首頁>其他相關連結>衛生福利部社會及家庭署
首頁>其他相關連結>銀髮人才資源中心
首頁>其他相關連結>內政部戶政司人口統計資料
首頁>樂齡大學>106學年度
首頁>樂齡大學>105學年度
首頁>樂齡大學>104學年度
首頁>全國樂齡學習示範中心>優質

出現亂碼

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

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

閱讀模式

Android系統

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

1.表格被過度壓縮,難以閱讀。
首頁>樂齡輔導團>認識輔導團>中區輔導團

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

1.圖片無法再放大,有些詳細資訊看不清楚。
2.能感受到考慮到該網站使用者都是年長者,所以字型普遍比較大,但有些地方字型還是太小,建議統一。
首頁>研究報告與出版品>高齡教育出版品

問題

可能原因

正常換行,只不過有寬度及選單跑板

原始程式

位置:
http://moe.senioredu.moe.gov.tw/css/cellph.css:1
http://moe.senioredu.moe.gov.tw/css/cellph.css:96

.all {
	width: 360px;
	min-height: inherit;
}

#open-remainmenu {
	float: right;
	margin-top: -42px;
	display: block !important;
	background-color: rgba(255,255,255,0.1);
	top: 124px;
	left: 305px;
	position: absolute;
}

建議修改

改成百分比

.all {
	width: 100%;
	min-height: inherit;
}

#open-remainmenu {
	float: right;
	margin-top: -42px;
	display: block !important;
	background-color: rgba(255,255,255,0.1);
	top: 124px;
	left: 80%;
	position: absolute;
}

補充

50

問題

可能原因

table寬度不夠,導致內文擠壓

建議修改

將table寬度固定(543.6px),並在外面的div加overflow-x:auto

補充

29

問題

可能原因

iframe width設死

原始程式

位置:
http://moe.senioredu.moe.gov.tw/Home/HistoryRead?historyEventFileViewModel.enFormId=sKP_aPArNfslHfo1E2Y8Ezw_c_c:841

<p><iframe frameborder="0" height="315" src="https://www.youtube.com/embed/Fgf70QUTDB4" width="560"></iframe></p>

建議修改

寬度100%

<p><iframe frameborder="0" height="315" src="https://www.youtube.com/embed/Fgf70QUTDB4" width="100%"></iframe></p>

補充39

問題

可能原因

上面的輪播圖蓋到了

原始程式

位置:
inline:39

.slider_container div {
	width: 1024px;
	height: 336px; 
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
}

建議修改

.slider_container div {
	width: 1024px;
	/* height: 336px; */
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
}