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

網站

行政院農委會漁業署

姓名

楊珣

檢測日期

2018-04-26

檢測裝置

Sony Xperia Ultra XA1

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本:Chrome 66.0.3359.117

解析度(手機螢幕)

360x640 pixels

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

壞掉的連結


跑版(影響閱讀)問題







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

出現亂碼

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

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

閱讀模式

使用andriod系統

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


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

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

問題

可能原因

圖片長寬設死

建議修改

img width 100%

補充

05
20

問題

可能原因

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

問題

可能原因

table 跑板

建議修改

外面div加overflow:auto

補充

02

問題

建議修改

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

問題

可能原因

換行導致跑板

原始程式

位置:
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

問題

建議修改

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

問題

建議修改

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