行政院農業委員會家畜衛生試驗所-邵嘉嶸

ray 農業委員會
, ,
#21

問題：

可能原因：

圖片高度被寫死超出頁面造成表格被撐開

原始程式：

位置：http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=129

<img src="http://www.nvri.gov.tw//module/pagecontent/imgupload/p01.gif" ="536"="" height="383" alt動物疫病診斷中心服務流程圖="">

建議修改：

更改圖片的長寬限制

<img src="https://www.nvri.gov.tw//module/pagecontent/imgupload/p01.gif" alt="動物疫病診斷中心服務流程圖" style="max-width: 100%;max-height: 383px;">

補充：

tw_Menu_MenuContent_PageContentID=129(iPhone 6_7_8)

#22

問題：

可能原因：

圖片高度被寫死或長寬無設置

原始程式：

位置：http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=590

建議修改：

在css中加上

img {
	max-width:  100%;
	height: auto;
}

補充：

tw_Menu_MenuContent_PageContentID=590(iPhone 6_7_8)

結尾：

#23

問題：

可能原因：

圖片沒有設置寬度

原始程式：

以 首頁>出版品>106年度出版品 為例
位置：http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=886

建議修改：

在css中加上img寬度限制

img{
	width: 300px;
	max-width: 100%;
}

補充：

tw_Menu_MenuContent_PageContentID=886(iPhone 6_7_8)

結尾：

  • 建議手機版可以寫成直式表格，較容易閱讀
#24

問題：

可能原因：

長英文不會自動換行；圖片高度被寫死

原始程式：

位置：http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=868 :63

<img src="https://www.nvri.gov.tw/images/Rabies2017.jpg" alt="狂犬病血清抗體檢測作業流程圖" ="563"="" height="531">

建議修改：

刪除高度限制

<img src="https://www.nvri.gov.tw/images/Rabies2017.jpg" alt="狂犬病血清抗體檢測作業流程圖">

在css中加上word-break屬性強制換行，max-width屬性限制圖片大小

p{
	word-break: break-all;
}
img{
	max-width: 100%;
}

補充：

tw_Menu_MenuContent_PageContentID=868(iPhone 6_7_8)

結尾：

  • 可將網址加上超連結
#25

問題：

可能原因：

圖片高度被寫死，造成表格被撐開

原始程式：

位置：http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=491 :66

<img height="811" alt="家禽流行性感冒實驗室檢驗流程" src="https://www.nvri.gov.tw/module/PageContent/ImgUpload/20081220.gif" ="585"="">

建議修改：

刪除圖片高度限制

<img alt="家禽流行性感冒實驗室檢驗流程" src="https://www.nvri.gov.tw/module/PageContent/ImgUpload/20081220.gif">

在css中加上max-width屬性

img{
	max-width: 100%
}

補充：

tw_Menu_MenuContent_PageContentID=491(iPhone 6_7_8)

#26

問題：

可能原因：

圖片高度被寫死

原始程式：

位置：

<div data-role="content" class="ui-content" role="main">
	......
	<table border="1" cellspacing="2" cellpadding="2">
		......
		<td><img ="238"="" height="190" alt="野鳥排遺採樣" src="https://www.nvri.gov.tw/module/pagecontent/imgupload/02.jpg"></td>
		<td><img ="238"="" height="190" alt="AI病毒分離" src="https://www.nvri.gov.tw/module/pagecontent/imgupload/04.jpg"> </td>
		<td><img ="238"="" height="190" alt="電子顯微鏡鑑定病毒" src="https://www.nvri.gov.tw/module/pagecontent/imgupload/03-1.jpg"> </td>
		......
	</table>
	<table border="1" cellspacing="2" cellpadding="2">
		......
		<td><img ="400"="" height="120" alt="PCR法鑑定病毒亞型" src="https://www.nvri.gov.tw/module/pagecontent/imgupload/05.jpg"></td>
		<td><img ="286"="" height="187" alt="血球凝集及抑制法鑑定病毒" src="https://www.nvri.gov.tw/module/pagecontent/imgupload/06.jpg"></td>
		......
	</table>
	......
	<img src="https://www.nvri.gov.tw/module/PageContent/ImgUpload/107%E7%A6%BD%E6%B5%81%E6%84%9F.jpg" alt="1998年至2017年野鳥家禽流行性感冒(AI)監測件數" height="871" ="647"="">
</div>

建議修改：

刪除圖片高度限制

<div data-role="content" class="ui-content" role="main">
	......
	<table border="1" cellspacing="2" cellpadding="2">
		......
		<td><img alt="野鳥排遺採樣" src="https://www.nvri.gov.tw/module/pagecontent/imgupload/02.jpg"></td>
		<td><img alt="AI病毒分離" src="https://www.nvri.gov.tw/module/pagecontent/imgupload/04.jpg"></td>
		<td><img alt="電子顯微鏡鑑定病毒" src="https://www.nvri.gov.tw/module/pagecontent/imgupload/03-1.jpg"></td>
		......
	</table>
	<table border="1" cellspacing="2" cellpadding="2">
		......
		<td><img alt="PCR法鑑定病毒亞型" src="https://www.nvri.gov.tw/module/pagecontent/imgupload/05.jpg"></td>
		<td><img alt="血球凝集及抑制法鑑定病毒" src="https://www.nvri.gov.tw/module/pagecontent/imgupload/06.jpg"></td>
		......
	</table>
	......
	<img src="https://www.nvri.gov.tw/module/PageContent/ImgUpload/107%E7%A6%BD%E6%B5%81%E6%84%9F.jpg" alt="1998年至2017年野鳥家禽流行性感冒(AI)監測件數">
</div>

在css中加上max-width屬性

img{
	max-width: 100%;
}

補充：

tw_Menu_MenuContent_PageContentID=337(iPhone 6_7_8)

#27

問題：

可能原因：

jquery設置錯誤

原始程式：

位置：http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=846 :96
以第一個連結區塊為例

<div class="auto-style1">
	<a href="#1" class="ui-link">生物研究組</a>|&nbsp;
	<a href="#2" class="ui-link">疫學研究組</a>|
	<a href="#3" class="ui-link">豬瘟研究組</a>|
	<a href="#4" class="ui-link">製劑研究組</a>|
	<a href="#5" class="ui-link">化檢系</a>|
	<a href="#6" class="ui-link">生檢系</a>|
	<a href="#7" class="ui-link">生物研究組水生動物實驗室</a>
</div>

建議修改：

在a標籤中加上data-ajax

<div class="auto-style1">
	<a href="#1" class="ui-link" data-ajax="false">生物研究組</a>|
	<a href="#2" class="ui-link" data-ajax="false">疫學研究組</a>|
	<a href="#3" class="ui-link" data-ajax="false">豬瘟研究組</a>|
	<a href="#4" class="ui-link" data-ajax="false">製劑研究組</a>|
	<a href="#5" class="ui-link" data-ajax="false">化檢系</a>|
	<a href="#6" class="ui-link" data-ajax="false">生檢系</a>|
	<a href="#7" class="ui-link" data-ajax="false">生物研究組水生動物實驗室</a>
</div>

結尾：

  • 結構混亂，建議修正各div位置
#28

問題：

可能原因：

未放上連結

原始程式：

以 首頁>便民服務>種原庫>種原庫可分讓病原表 為例
位置：http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=826

建議修改：

已測試，非程式問題
可參考電腦版網頁 https://www.nvri.gov.tw/Module/PageContent/900/826.aspx?pid=OMe8mgjL3Vo%3D

#29

問題：

原始程式：

位置：http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=856 :63

<p>請將郵政匯票影本傳真預先告知付款，並備註訂單編號、單位及出貨日期傳真或E mail至本分所begin_of_the_skype_highlighting end_of_the_skype_highlighting；正本掛號郵寄至本分所吳政學先生或江俊儀小姐收</p>

建議修改：

從段落中刪除

<p>請將郵政匯票影本傳真預先告知付款，並備註訂單編號、單位及出貨日期傳真或E mail至本分所；正本掛號郵寄至本分所吳政學先生或江俊儀小姐收</p>

補充：

tw_Menu_MenuContent_PageContentID=856(iPhone 6_7_8)

#30

問題：

可能原因：

未放上附件

原始程式：

以 首頁>政府資訊公開>公開決標公告資料 為例
位置：http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=528

建議修改：

已測試，非程式問題
可參考電腦版網頁 https://www.nvri.gov.tw/Module/PageContent/600/528.aspx?pid=ml%2FhEROkCNo%3D

#31

問題：

可能原因：

未附上附件

原始程式：

以 首頁>政府資訊公開>招標文件範本及表格>招標文件範本及表格(空白範本) 為例
位置：http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=504

建議修改：

已測試，非程式問題
可參考電腦版網頁 https://www.nvri.gov.tw/Module/PageContent/600/504.aspx?pid=EA%2BvJrdb8bE%3D

#32

問題：

可能原因：

未附上附件

原始程式：

位置：http://m1.nvri.gov.tw/Menu/MenuContent?PageContentID=464

建議修改：

已測試，非程式問題
可參考電腦版網頁 https://www.nvri.gov.tw/Module/PageContent/500/464.aspx?pid=hOds4EIh7%2BU%3D