行政院農委會漁業署--楊珣

ray 農業委員會
,
#1

網站

行政院農委會漁業署

姓名

楊珣

檢測日期

2018-04-26

檢測裝置

Sony Xperia Ultra XA1

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本：Chrome 66.0.3359.117

解析度（手機螢幕）

360x640 pixels

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

是

壞掉的連結

無

跑版（影響閱讀）問題

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

無

出現亂碼

無

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

無

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

是

閱讀模式

使用andriod系統

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

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

  • 需要改進的地方
  • 覺得棒棒的地方
    1.當即將連結到外部網站時會有警語。
#2

問題

可能原因

圖片長寬設死

建議修改

img width 100%

補充

05
20

#3

問題

可能原因

table超版面，以及input的背景提醒文字該由placeholder

原始程式

位置:
https://www.fa.gov.tw/cht/ForumsDirectorMail/index.aspx:1228

<input name="ctl00$ContentPlaceHolder1$userName" type="text" value="請填寫發布人姓名" size="30" id="ctl00_ContentPlaceHolder1_userName" onkeypress="if(this.value=='請填寫發布人姓名') this.value='';" onfocus="if(this.value=='請填寫發布人姓名') this.value='';" />

建議修改

將table使用這種方法(裡面的width記得要改100%)，背景提醒文字要用placeholder，以及input tag要加width:100%;

<input name="ctl00$ContentPlaceHolder1$userName" type="text" size="30" id="ctl00_ContentPlaceHolder1_userName" placeholder="請填寫發布人姓名" style="width:100%" />

補充

28

#4

問題

可能原因

table 跑板

建議修改

外面div加overflow:auto

補充

02

#5

問題

建議修改

若改寬度100%不影響的話使用這個解法，若會影響在前一層加上overflow:auto;

#6

問題

可能原因

換行導致跑板

原始程式

位置:
https://www.fa.gov.tw/cht/css/firefox.css:1155

div.content h3 {
	background: url(../images/131116_img/inner_title_icon.png) left bottom no-repeat;
	margin-top: 15px;
	height: 27px;
	line-height: 27px;
	font-size: 1.3em;
	color: #000;
	border-bottom: 3px solid #32a4d8;
	padding-left: 40px;
}

建議修改

標題h3 height改auto

div.content h3 {
	background: url(../images/131116_img/inner_title_icon.png) left bottom no-repeat;
	margin-top: 15px;
	height: auto;
	line-height: 27px;
	font-size: 1.3em;
	color: #000;
	border-bottom: 3px solid #32a4d8;
	padding-left: 40px;
}

補充

32

#7

問題

建議修改

設計上難以rwd，建議手機板改成選單

#8

問題

建議修改

將table設計更改，這樣的設計修不了阿@.@