行政院農業委員會農業試驗所－高偉庭

ray 農業委員會
,
#1

網站

行政院農業委員會農業試驗所

姓名

高偉庭

檢測日期

2018-04-25

檢測裝置

Samsung Galaxy S7 edge

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本：Chrome 64.0.3325.109

解析度（手機螢幕）

360x640 pixels

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

是

壞掉的連結

  1. 首頁＞昆蟲標本館
    首頁 > 研發成果介紹 > 資訊平台系統>農試所昆蟲標本館數位典藏
    首頁>創新育成中心> 相關資源 > 其他育成中心>台北科技大學創新育成中心
    你的連線不是私人連線(解法回文連結)
  1. 首頁 > 政府資訊公開 > 條約、中央法規>農田水利會相關法規
    您要尋找的資源可能已移除、名稱已變更，或暫時無法使用。(解法回文連結)
  1. 首頁 > 政府資訊公開 > 函釋與裁量基準>行政院公報資訊網
    首頁 > 相關連結 > 政府機關>行政院公報資訊網
    HTTP Status 404 - /egFront/index.jsp()(解法回文連結)
  1. 首頁 > 相關連結 > 政府機關>水土保持局
    ‘/’ 應用程式中發生伺服器錯誤。(解法回文連結)
  1. 首頁 > 相關連結 > 政府機關>地方行政研習e學中心
    首頁>創新育成中心> 相關資源 > 其他育成中心>中原大學創新育成中心
    無法連上這個網站(解法回文連結)
  1. 首頁 > 相關連結 > 政府機關>行政院洗錢防制辦公室
    Screenshot_20180426-224522
    (解法回文連結)
  1. 首頁 > 相關連結 > 學術單位>國立宜蘭大學
    首頁 > 相關連結 > 生活資訊>確保核安穩健減核
    首頁> 創新育成中心 > 相關資源 > 政府輔導資源>動植物防疫檢疫局
    首頁>創新育成中心> 相關資源 > 其他育成中心>明志科技大學育成中心
    404 Not Found(解法回文連結)
  1. 首頁 > 相關連結 > 生活資訊>自由經濟示範區
    應該是網域已經失效了(解法回文連結)
    2018-04-26_225340
  1. 首頁>創新育成中心> 相關資源 > 其他育成中心>馬偕紀念醫院生醫發展中心暨創新育成中心
    找不到這個頁面(解法回文連結)

跑版（影響閱讀）問題

  1. 首頁
    下方點按新聞稿的時候第一行排版會跑掉(行政院農業委員會農業試驗所－高偉庭 - #2 lemotw1024)
    Screenshot_20180426-124322
  1. 首頁＞聯落資訊
    首頁 > 網站導覽 > 隱私權政策
    首頁 > 網站導覽 > 政府網站資料開放宣告
    首頁 > 本所簡介 > 歷史沿革
    首頁 > 本所簡介 > 所長的話
    首頁 > 本所簡介 > 組織架構
    首頁 > 本所簡介 > 業務介紹
    首頁 > 本所簡介 > 聯絡資訊 > 電話一覽表
    首頁 > 本所簡介 > 聯絡資訊 > 機關首長
    首頁 > 本所簡介 > 聯絡資訊 > 研究單位
    首頁 > 本所簡介 > 聯絡資訊 > 行政單位
    首頁 > 本所簡介 > 交通資訊
    首頁 > 本所簡介 > 所徽介紹
    首頁 > 本所簡介 > 歷任所長
    首頁 > 便民服務 > 雙語詞彙 > 本所職務
    首頁 > 便民服務 > 雙語詞彙 > 本所各單位
    首頁 > 便民服務 > 雙語詞彙 > 行政院公報雙語化標準用詞詞庫
    首頁 > 便民服務 > 雙語詞彙 > 農委會雙語辭彙一覽表
    首頁 > 研發成果介紹 > 專利明細表 > 品種權
    首頁 > 研發成果介紹 > 專利明細表 > 商標
    首頁 > 研發成果介紹 > 專利明細表 > 著作權
    首頁 > 政府資訊公開 > 支付或接受之補助
    點開後網頁上方有大片空白(行政院農業委員會農業試驗所－高偉庭 - #3 lemotw1024)
    2018-04-26_125256
  1. 首頁 > 便民服務 > 常見問答
    首頁 > 研發成果介紹 > 成果授權
    上方搜尋處排版很醜，且右側圖示無法顯示完全（可滑動）(解法回文連結)
    2018-04-26_125614
  1. 首頁
    這一行標籤如果能排成一行的話會比較好(解法回文連結)
    2018-04-26_213310
  1. 首頁 > 研發成果介紹 > 品種介紹>桃台農7號（品種介紹中的其他項也都有這個問題）
    圖片與下方圖說沒有對齊，有點醜rrr(行政院農業委員會農業試驗所－高偉庭 - #4 lemotw1024)
    2018-04-26_220526
  1. 首頁 > 研發成果介紹 > 技術介紹 > 生物技術（其中每一項），與生物技術平行的每個項目（e.g. 安全農業、美容保健）的內容都有此問題(行政院農業委員會農業試驗所－高偉庭 - #5 lemotw1024)
    首頁 > 全站搜尋 > 分類檢索及從此網頁點入的所有細項都有此問題
    圖片、表格顯示不完全但可滑動(行政院農業委員會農業試驗所－高偉庭 - #6 lemotw1024)
  1. 首頁 > 影音專區 > 活動照片
    最上端的選項排版怪怪的，後方圖示顯示不完全但可滑動(行政院農業委員會農業試驗所－高偉庭 - #10 lemotw1024)
    2018-04-26_222710
  1. 首頁 > 出版品 > 台灣農業研究（其中每一年）
    按預覽時，彈出的框框會無法完全顯示但可滑動(行政院農業委員會農業試驗所－高偉庭 - #7 lemotw1024)
    2018-04-26_222951
  1. 首頁>創新育成中心 > 站內檢索
    搜尋列無法完全顯示但可滑動(行政院農業委員會農業試驗所－高偉庭 - #8 lemotw1024)
    2018-04-26_231521

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

無

出現亂碼

無

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

無

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

無

閱讀模式

可以用/不可以用

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

  1. 首頁
    點按新聞稿/活動訊息及這列的其他按紐時，下方的標題預覽會先隨之改變，但是下一秒就會跳轉到新聞稿／活動訊息的頁面了，有點不方便(行政院農業委員會農業試驗所－高偉庭 - #9 lemotw1024)
    2018-04-26_124417
  1. 首頁＞所內專區
    首頁＞廉政資訊專區
    首頁＞鳳山分所
    首頁＞花卉專區
    首頁 > 本所簡介 > 行政單位>秘書室
    首頁 > 本所簡介 > 行政單位>主計室
    首頁 > 本所簡介 > 行政單位>人事室
    首頁 > 本所簡介 > 行政單位>政風室
    首頁 > 本所簡介 > 研究單位中除了創新育成中心之外的所有項目
    沒有行動版(解法回文連結)
  1. 首頁
    只有被框起來的四個會輪播，蠻怪的(解法回文連結)
    2018-04-26_213408
  1. 首頁 > 影音專區 > 本所簡介
    首頁 > 影音專區 > 研發成果
    裡面每一個影片點進去都什麼都沒有，影片跑不出來(解法回文連結)
    2018-04-26_222422
  1. 首頁 > 影音專區 > 活動照片
    首頁>創新育成中心>中心簡介>活動剪影
    尚未點開各項時，照片的預覽畫質低的有點可怕(解法回文連結)
    2018-04-26_222510
  1. 會出現不同的頁尾(解法回文連結)
    像是首頁 > 網站導覽就是行距寬的頁尾
    2018-04-26_225718
    而首頁 > 網站導覽 > 資訊安全政策行距就很小
    2018-04-26_225825
  1. 首頁>創新育成中心>行政院農業委員會農業試驗所
    這個頁面有點怪(???)(解法回文連結)
    2018-04-26_231709

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

基本上看起來都還算舒適，但建議要把底下各部門網頁的行動版也建制起來

#2

問題

可能原因

上一層div寬度限死

建議修改

width改100%

補充

10

#3

問題

可能原因

height auto 將header撐大

原始程式

位置:
https://www.tari.gov.tw/css/rwd.css:354

#logo {
	width: auto;
	height: auto;
	float: none;
	position: static;
	padding: 10px 0;
}

建議修改

講height拿掉

#logo {
	width: auto;
	float: none;
	position: static;
	padding: 10px 0;
}

補充

40

#4

問題

可能原因

寬度設定死

原始程式

位置:
https://www.tari.gov.tw/tour1/index-1.asp?Parser=99,6,37,,,,188:777

<div class="img_word" style="width:200px">桃台農7號「紅鈴」果型大而圓整，果皮為紅色。</div>

建議修改

改寬度以及加padding

<div class="img_word" style="width:100%;padding:5%;">桃台農7號「紅鈴」果型大而圓整，果皮為紅色。</div>

補充

13

#5

問題

可能原因

table寬度，及註解寬度

原始程式

位置:
https://www.tari.gov.tw/form/index-1.asp?Parser=2,6,1112,1106,,,4047:780

<table width="100%" border="0" cellspacing="0" cellpadding="0"  summary="">
		
		<tr>
	  <td align="center"  width="33%"><div class="img" style="text-align:center">
<a href="../df_ufiles/d/research_techniques_2014_008.jpg"  title="圖一、各品系於感染白葉枯病菌後差異表現基因分布情形。(A)轉錄體分析結果；(B)蛋白質體分析結果。"  rel="lightbox[roadtrip]" ><img src="../df_ufiles/d/research_techniques_2014_008.jpg" alt="圖一、各品系於感染白葉枯病菌後差異表現基因分布情形。(A)轉錄體分析結果；(B)蛋白質體分析結果。"  width='165'  name="ADimg" id="ADimg" border="0"  /></a>
<div class="img_word"  style="width:200px">圖一、各品系於感染白葉枯病菌後差異表現基因分布情形。(A)轉錄體分析結果；(B)蛋白質體分析結果。</div><!--img_word-->
</div><!--img--></td>
	
	  <td align="center"  width="33%"><div class="img" style="text-align:center">
<a href="../df_ufiles/d/research_techniques_2014_009.jpg"  title="圖二、參與抗性突變體SA0423抗病代謝途徑之基因。橘紅色表示感染後正調控之差異表現基因；青綠色表示感染後負調控之差異表現基因；黃色表示感染後波動表現之基因。"  rel="lightbox[roadtrip]" ><img src="../df_ufiles/d/research_techniques_2014_009.jpg" alt="圖二、參與抗性突變體SA0423抗病代謝途徑之基因。橘紅色表示感染後正調控之差異表現基因；青綠色表示感染後負調控之差異表現基因；黃色表示感染後波動表現之基因。"  width='165'  name="ADimg" id="ADimg" border="0"  /></a>
<div class="img_word"  style="width:200px">圖二、參與抗性突變體SA0423抗病代謝途徑之基因。橘紅色表示感染後正調控之差異表現基因；青綠色表示感染後負調控之差異表現基因；黃色表示感染後波動表現之基因。</div><!--img_word-->
</div><!--img--></td>
	 
	   </tr>
	
</table>

建議修改

講table改100% ，在將子項目寬度改50%，以及內部的敘述寬度改100%

<table summary="" style="border-collapse: collapse;width: 100%;word-wrap: break-word;table-layout: fixed;" width="100%" cellspacing="0" cellpadding="0" border="0">
		
		<tbody><tr>
	  <td id="e2" headers="e" width="50%" align="center"><div class="img" style="text-align:center">
<a href="../df_ufiles/d/research_techniques_2014_008.jpg" title="圖一、各品系於感染白葉枯病菌後差異表現基因分布情形。(A)轉錄體分析結果；(B)蛋白質體分析結果。" rel="lightbox[roadtrip]"><img src="../df_ufiles/d/research_techniques_2014_008.jpg" alt="圖一、各品系於感染白葉枯病菌後差異表現基因分布情形。(A)轉錄體分析結果；(B)蛋白質體分析結果。" name="ADimg" id="ADimg" width="165" border="0"></a>
<div class="img_word" style="width:100%;">圖一、各品系於感染白葉枯病菌後差異表現基因分布情形。(A)轉錄體分析結果；(B)蛋白質體分析結果。</div><!--img_word-->
</div><!--img--></td>
	
	  <td id="e2" headers="e" width="50%" align="center"><div class="img" style="text-align:center">
<a href="../df_ufiles/d/research_techniques_2014_009.jpg" title="圖二、參與抗性突變體SA0423抗病代謝途徑之基因。橘紅色表示感染後正調控之差異表現基因；青綠色表示感染後負調控之差異表現基因；黃色表示感染後波動表現之基因。" rel="lightbox[roadtrip]"><img src="../df_ufiles/d/research_techniques_2014_009.jpg" alt="圖二、參與抗性突變體SA0423抗病代謝途徑之基因。橘紅色表示感染後正調控之差異表現基因；青綠色表示感染後負調控之差異表現基因；黃色表示感染後波動表現之基因。" name="ADimg" id="ADimg" width="165" border="0"></a>
<div class="img_word" style="width:100%;">圖二、參與抗性突變體SA0423抗病代謝途徑之基因。橘紅色表示感染後正調控之差異表現基因；青綠色表示感染後負調控之差異表現基因；黃色表示感染後波動表現之基因。</div><!--img_word-->
</div><!--img--></td>
	 
	   </tr>
	
</tbody></table>

補充

38

#6

問題

可能原因

上一層的寬度設死720px

原始程式

位置:
https://www.tari.gov.tw/css/style_m.css:1097

.search_table {
	width: 720px;
	margin-bottom: 10px;
	margin-top: 20px;
	margin-right: 15px;
	margin-left: 15px;
	background-color: #FFFFFF;
	border: 1px solid #cdd6b2;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
}

建議修改

講width改100%

.search_table {
	width: 100%;
	margin-bottom: 10px;
	margin-top: 20px;
	margin-right: 15px;
	margin-left: 15px;
	background-color: #FFFFFF;
	border: 1px solid #cdd6b2;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
}

補充

44

#7

問題

可能原因

modal設死600px

原始程式

位置:
modal包裹的那個div，以及modal

<div id="fancybox-wrap" style="display: block; width: 600px; height: auto; top: 395px; left: 20px;"><div id="fancybox-outer">
....
<div id="fancybox-content" style="border-width: 0px; width: 600px; height: 480px;">

建議修改

<div id="fancybox-wrap" style="display: block; width: 80%; height: auto; top: 395px; left: 20px;"><div id="fancybox-outer">
....
<div id="fancybox-content" style="border-width: 0px; width: 100%; height: 480px;">

補充

22

#8

問題

可能原因

padding 導致跑板

建議修改

把div#search的padding拿掉，在裡面的form的padding-top加上55px

補充

16

農業委員會農業試驗所創新育成中心-劉佳慧
#9

問題

可能原因

手機不能做hover，所以沒辦法

#10

問題

可能原因

設計上問題，需重新設計