國家教育研究院-柯宥辰

ray 教育部
, ,
#1

網站

國家教育研究院

姓名

柯宥辰

檢測日期

2018-04-13

檢測裝置

i6
MacBook Pro (13-inch, 2017, Four Thunderbolt 3 Ports)

作業系統 與 瀏覽器版本

ios 10.12.6

解析度（手機螢幕）

375*667 pixels

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

是

壞掉的連結

[首頁>認識國教院>數位院史室>活動照片]
頁面不存在(解法回文連結)
S__374145056

跑版（影響閱讀）問題

[首頁]
圖片跑版(解法回文連結)
S__374038530

[首頁>本院消息]
網頁跑版(解法回文連結)
S__374038535

網址超出網頁頁面(解法回文連結)

[首頁>本院消息>最新消息>歡迎踴躍報名地7015期國民中小學校長在職專業研習班（主題：戶外教育）]
[首頁>認識國教院>活動照片>拾得苑藝文中心「山的韻律-水彩寫生入門」活動剪影]
S__374136840

圖片超出網頁頁面(解法回文連結)

[首頁>認識國教院]
S__374145026

[首頁>認識國教院>簡介]
S__374145029

[首頁>認識國教院>組織架構]
S__374145030

[首頁>認識國教院>地理位置>三峽總院區]
[首頁>認識國教院>地理位置>台北院區]
[首頁>認識國教院>地理位置>台中院區]
[首頁>認識國教院>院內環境>景觀]
S__374145035

表格文字超出網頁頁面(解法回文連結)

[首頁>認識國教院>行政規則>其他常用法規>國家教育研究院採購（工程、財務、勞務）及預算動支作業授權及權責劃分表]
S__374145033

[首頁>單位介紹>教育制度及政策研究中心>單位介紹]
S__374145058

[首頁>單位介紹>教育制度及政策研究中心>學術硏討會>102年度教育制度及政策論壇：社會變遷與國教革新發展學術研討會]
S__374145061

圖片變形(解法回文連結)

[首頁>認識國教院>院內環境>院內植物簡介>大門口]
[首頁>認識國教院>院內環境>院內植物簡介>鳳凰大道水岸路]
[首頁>認識國教院>院內環境>院內植物簡介>舊警衛室前方花台]
[首頁>認識國教院>院內環境>院內植物簡介>鳳凰大道靠住宅]
[首頁>認識國教院>院內環境>院內植物簡介>往餐廳前車道]
[首頁>認識國教院>院內環境>院內植物簡介>行政大樓前圓環]
[首頁>認識國教院>院內環境>院內植物簡介>迴廊兩側走道]
[首頁>認識國教院>院內環境>院內植物簡介>良師園中庭]
[首頁>認識國教院>院內環境>院內植物簡介>良師園前步道]
[首頁>認識國教院>院內環境>院內植物簡介>仰喬樓車道]
[首頁>認識國教院>院內環境>院內植物簡介>單身宿舍前廣場]
[首頁>認識國教院>院內環境>院內植物簡介>動力中心]
[首頁>認識國教院>院內環境>院內植物簡介>員工停車場]
[首頁>認識國教院>院內環境>院內植物簡介>學員來賓停車場]
[首頁>認識國教院>院內環境>院內植物簡介>群賢齋正門]
S__374145039

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

無

出現亂碼

無

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

無

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

無

閱讀模式

不可以用

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

圖片不見(解法回文連結)

[首頁>本院消息>最新消息>歡迎收聽國際教育心動線4月16日第16集「如果山海之事成為正式課程，蘭嶼可為師？」]
[首頁>本院消息>最新消息>歡迎收聽國際教育心動線4月9日第15集「一起經營好學校-談校長與師生的共同成長」]
[首頁>本院消息>最新消息>歡迎收聽國際教育心動線4月2日第14集「讓有機變成好成績-有機食農教育」]
[首頁>本院消息>最新消息>歡迎收聽國際教育心動線3月26日第13集「生生不息-你說的是什麼詞」]
[首頁>本院消息>最新消息>歡迎收聽國際教育心動線3月19日第12集「各國語言教育政策」]
[首頁>本院消息>最新消息>歡迎收聽國際教育心動線3月12日第11集「原鄉中的桂竹學校-談偏鄉原民教育」]
[首頁>本院消息>最新消息>歡迎收聽國際教育心動線3月5日第10集「活出生命的色彩」]
[首頁>本院消息>最新消息>歡迎收聽國際教育心動線2月26日第9集「當資料科遇上教育」]
[首頁>本院消息>最新消息>歡迎收聽國際教育心動線2月19日第8集「在那個沒有電腦的時代-教學媒體的故事」]
[首頁>本院消息>最新消息>歡迎收聽國際教育心動線2月12日第7集「偏鄉國中教育契機-完全免試入學方案」]
[首頁>本院消息>最新消息>歡迎收聽國際教育心動線2月5日第6集「原來說話也要合法化-談原住民語言發展法」]
[首頁>本院消息>最新消息>歡迎收聽國際教育心動線10月10日第41集「說故事-走入孩子的奇幻世界」]
S__374136835

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

個人在使用上還蠻不舒服的，文字、圖片排版、美觀要再加強

1個讚
#2

問題：

可能原因：

連結錯誤：

原始程式：

位置：https://www.naer.edu.tw/m/412-1000-292.php?Lang=zh-tw

建議修改：

已測試，找不到可能的頁面，問題無法修復

#3

問題：

原始程式：

位置：https://www.naer.edu.tw/ezfiles/0/1000/mobilestyle/46/style.css :8

body.page_mobilehome {
	background: #fff url(images/home_bg.jpg) no-repeat left top;
}

建議修改：

body.page_mobilehome {
	background: #fff url(images/home_bg.jpg) no-repeat center top;
}

補充：

php(iPhone 6_7_8)

#4

問題：

可能原因：

  1. overflow屬性隱藏剩餘按紐
  2. position屬性影響按鈕位置
  3. 高度被寫死

原始程式：

位置：https://www.naer.edu.tw/m/407-1000-4-1.php :59

<div class="iwrapper hwrapper" sn="li" id="iwrapper_1359566918237684" style="overflow: hidden;">
	<div class="iwrapper-inner" style="transform-origin: 0px 0px 0px;position: absolute;top: 0px;left: 0px;">
		......
	</div>
</div>

位置：https://www.naer.edu.tw/plugin/mobile/style/base.css :622

.hwrapper {
	height: 100%;
	position:absolute;
	z-index: 1;
	left: 0;
	width: 100%;
	overflow: auto;
}

位置：https://www.naer.edu.tw/plugin/mobile/style/base.css :118

#mainnav.nav-icon-scroll {
	height: 60px;
	background: #dbe2ed;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.6);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.6);
	box-shadow: 0px 1px 3px rgba(0,0,0,.6);
	white-space: nowrap;
}

位置：https://www.naer.edu.tw/ezfiles/0/1000/mobilestyle/46/style.css :407

#mainnav.nav-icon-scroll{
	height:32px;
	background:none;
	box-shadow:none;
	z-index: 0;
	position: relative;
	margin-top: 70px;
}

位置：https://www.naer.edu.tw/ezfiles/0/1000/mobilestyle/46/style.css :64

#mainfoot {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #2387e2), color-stop(1, #0d5bac));
	color: #fff;
	font-size: 15px;
	line-height: 22px;
	text-align: center;
	position: relative;
	left: 0;
	bottom: 0;
	width:100%;
	padding:8px;
	margin-top:50px;
}

建議修改：

刪除overflow及position屬性

<div class="iwrapper hwrapper" sn="li" id="iwrapper_1359566918237684">
	<div class="iwrapper-inner" style="transform-origin: 0px 0px 0px;top: 0px;left: 0px;">
		......
	</div>
</div>

.hwrapper {
	height: 100%;
	z-index: 1;
	left: 0;
	width: 100%;
}

刪除高度限制

#mainnav.nav-icon-scroll {
	background: #dbe2ed;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.6);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.6);
	box-shadow: 0px 1px 3px rgba(0,0,0,.6);
	white-space: nowrap;
}

#mainnav.nav-icon-scroll{
	background:none;
	box-shadow:none;
	z-index: 0;
	position: relative;
	margin-top: 70px;
}

將下方footer固定在視窗底部

#mainfoot {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #2387e2), color-stop(1, #0d5bac));
	color: #fff;
	font-size: 15px;
	line-height: 22px;
	text-align: center;
	position: fixed;
	left: 0;
	bottom: 0;
	width:100%;
	padding:8px;
	margin-top:50px;
}

補充：

php(iPhone 6_7_8)

#5

問題：

可能原因：

長英文不會自動換行

原始程式：

以 首頁>本院消息>最新消息>歡迎踴躍報名地7015期國民中小學校長在職專業研習班（主題：戶外教育） 為例
位置：https://www.naer.edu.tw/m/404-1000-14063,r13-1.php?Lang=zh-tw

建議修改：

在css中加上word-break屬性

p{
	word-break: break-word;
}

補充：

php_Lang=zh-tw(iPhone 6_7_8) (1)

#6

問題：

可能原因：

圖片寬度沒限制

原始程式：

以 首頁>認識國教院 為例
位置：https://www.naer.edu.tw/m/412-1000-185.php?Lang=zh-tw

建議修改：

在css中加上max-width的屬性

img{
	max-width: 100%;
}

補充：

php_Lang=zh-tw(iPhone 6_7_8)

問題：

可能原因：

圖片長寬被寫死

原始程式：

以 首頁>認識國教院>組織架構 為例
位置：https://www.naer.edu.tw/m/412-1000-1090.php?Lang=zh-tw :216

<img alt="" src="/ezfiles/0/1000/img/1/140666993.png" style="width: 720px;height: 463px;">

建議修改：

<img alt="" src="/ezfiles/0/1000/img/1/140666993.png" style="width: 100%;max-width: 720px;">

補充：

php_Lang=zh-tw(iPhone 6_7_8)

#7

問題：

可能原因：

表格內容過多

原始程式：

以 首頁>認識國教院>行政規則>其他常用法規>國家教育研究院採購（工程、財務、勞務）及預算動支作業授權及權責劃分表 為例
位置：https://www.naer.edu.tw/ezfiles/0/1000/mobilestyle/46/style.css :275

.detail-content .detail-subcontent {
	background: white;
	border-radius: 10px;
	border: 0;
	color:#666;
}

建議修改：

將table包起來的div設置display屬性

.detail-content .detail-subcontent {
	background: white;
	border-radius: 10px;
	border: 0;
	color:#666;
	overflow:  scroll;
}

補充：

php_Lang=zh-tw(iPhone 6_7_8)

問題：

可能原因：

table中的span未設置display

原始程式：

位置：https://www.naer.edu.tw/m/405-1000-6073,c555.php?Lang=zh-tw

建議修改：

在css中加上display屬性

table span {
	display:  inline-block;
}

補充：

php_Lang=zh-tw(iPhone 6_7_8)

#8

問題：

可能原因：

圖片長寬被寫死

原始程式：

以 首頁>認識國教院>院內環境>院內植物簡介>大門口 為例
位置：https://www.naer.edu.tw/m/405-1000-2636,c195.php?Lang=zh-tw :167

<table align="left" border="1" cellpadding="0" cellspacing="0" style="border-bottom: medium none; border-left: medium none; border-collapse: collapse; margin-left: 6.75pt; border-top: medium none; margin-right: 6.75pt; border-right: medium none" width="677">
	......
	<img alt="仙丹花二.jpg (109843 個位元組)" src="/ezfiles/0/1000/img/20/f1.jpg" style="border-bottom: 0px solid;border-left: 0px solid;width: 188px;height: 104px;border-top: 0px solid;border-right: 0px solid;">
	......
	<img alt="水錦" src="/ezfiles/0/1000/img/20/f2.jpg" style="border-bottom: 0px solid; border-left: 0px solid; width: 168px; height: 115px; border-top: 0px solid; border-right: 0px solid">
	......
	<img alt="DSCN0125.JPG (154549 個位元組)" src="/ezfiles/0/1000/img/20/f3.jpg" style="border-bottom: 0px solid; border-left: 0px solid; width: 169px; height: 137px; border-top: 0px solid; border-right: 0px solid">
	......
	<img alt="樟樹" src="/ezfiles/0/1000/img/20/f4.jpg" style="border-bottom: 0px solid; border-left: 0px solid; width: 181px; height: 132px; border-top: 0px solid; border-right: 0px solid">
	......
</table>

位置：https://www.naer.edu.tw/plugin/mobile/style/base.css :1036

.detail-content img {
	max-width: 100%;
}

建議修改：

刪除高度限制、修正寬度限制

<table align="left" border="1" cellpadding="0" cellspacing="0" style="border-bottom: medium none; border-left: medium none; border-collapse: collapse; margin-left: 6.75pt; border-top: medium none; margin-right: 6.75pt; border-right: medium none" width="677">
	......
	<img alt="仙丹花二.jpg (109843 個位元組)" src="/ezfiles/0/1000/img/20/f1.jpg" style="border-bottom: 0px solid;border-left: 0px solid;max-width: 188px;border-top: 0px solid;border-right: 0px solid;">
	......
	<img alt="水錦" src="/ezfiles/0/1000/img/20/f2.jpg" style="border-bottom: 0px solid; border-left: 0px solid; max-width: 168px; border-top: 0px solid; border-right: 0px solid">
	......
	<img alt="DSCN0125.JPG (154549 個位元組)" src="/ezfiles/0/1000/img/20/f3.jpg" style="border-bottom: 0px solid; border-left: 0px solid; max-width: 169px; border-top: 0px solid; border-right: 0px solid">
	......
	<img alt="樟樹" src="/ezfiles/0/1000/img/20/f4.jpg" style="border-bottom: 0px solid; border-left: 0px solid; max-width: 181px; border-top: 0px solid; border-right: 0px solid">
	......
</table>

.detail-content img {
	width: 100%;
}

補充：

php_Lang=zh-tw(iPhone 6_7_8)

#9

問題：

可能原因：

圖片連結錯誤

原始程式：

以 首頁>本院消息>最新消息>歡迎收聽國際教育心動線4月16日第16集「如果山海之事成為正式課程，蘭嶼可為師？」 為例
位置：https://www.naer.edu.tw/m/406-1000-14344,r13.php?Lang=zh-tw :152

<img src="/ezfiles/0/1000/pictures/832/m/part_14344_7608400_22728.jpg">

建議修改：

因為手機板及電腦版網域不同，手機板的圖片連結需打全，或是將圖片來源複製到手機板的伺服器中

<img src="https://www.naer.edu.tw/ezfiles/0/1000/pictures/832/part_14344_7608400_22728.jpg">

補充：

php_Lang=zh-tw(iPhone 6_7_8)