公平交易委員會 -盧苡萱

網站

公平交易委員會

姓名

盧苡萱

檢測日期

2018-04-03

檢測裝置

iphone7

作業系統 與 瀏覽器版本

iOS11.2.6

解析度(手機螢幕)

375x667

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

壞掉的連結 (解法回文連結)

跑版(影響閱讀)問題

圖片跑版 (解法回文連結)


頁面跑版 (解法回文連結)


文字跑版 (解法回文連結)

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

按鈕不能按 (解法回文連結)

出現亂碼

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

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

閱讀模式

不可以用

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

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

圖片看不清楚 (解法回文連結)

1 Like

問題:

可能原因:

放錯連結

原始程式:

位置:https://www.ftc.gov.tw/internet/main/doc/docList.aspx?uid=1021

建議修改:

已測試,問題無法複現
應該已經被修正

問題:

原始程式:

位置:https://www.ftc.gov.tw/internet/main/css/list_of_articles.css :353

.btn-back .orange_btn {
    display: inline-block;
    margin: 0 20px;
    padding: 12px 60px;
    text-align: center;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #f69148;
    text-decoration: none;
    font-family: 微軟正黑體;
    border: none;
}

建議修改:

加上上下的margin,不要為0

.btn-back .orange_btn {
    display: inline-block;
    margin: 3px 20px;
    padding: 12px 60px;
    text-align: center;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #f69148;
    text-decoration: none;
    font-family: 微軟正黑體;
    border: none;
}

補充:


問題:

原始程式:

位置:https://www.ftc.gov.tw/internet/main/css/responsive.css :3259

@media screen and (max-width: 705px) {
	#changeCaptcha {
		padding: 8px 13px;
		margin-left: 0;
		margin: 6px 10px 10px 0;
	}
	div.browse_archives_note {
		top: 68%;
	}
}

位置:https://www.ftc.gov.tw/internet/main/css/responsive.css :3291

@media screen and (max-width: 691px) {
	.footer-content_info .left_block p {
		width: 88%;
	}
	div.browse_archives {
		padding-bottom: 30px;
	}
	#changeCaptcha {
		padding: 8px 13px;
		margin-left: 0;
		margin: 6px 10px 10px 0;
	}
	div.browse_archives_note {
		top: 68%;
	}
}

位置:https://www.ftc.gov.tw/internet/main/css/responsive.css :4057

@media screen and (max-width:450px) {
	#ContentPlaceHolder1_Lab_captcha {
		margin-left: 0;
		margin: 7px 10px 0 0;
	}
	#changeCaptcha {
		margin: 6px 0 10px 0;
	}
}

建議修改:

刪除螢幕寬度小於705px、class為changeCaptcha的margin設定 (沿用更大寬度的就可以)

@media screen and (max-width: 705px) {
	div.browse_archives_note {
		top: 68%;
	}
}
@media screen and (max-width: 691px) {
	.footer-content_info .left_block p {
		width: 88%;
	}
	div.browse_archives {
		padding-bottom: 30px;
	}
	div.browse_archives_note {
		top: 68%;
	}
}
@media screen and (max-width:450px) {
	#ContentPlaceHolder1_Lab_captcha {
		margin-left: 0;
		margin: 7px 10px 0 0;
	}
}

補充:

結尾:

建議填寫說明及填入框分兩行(效果如上圖)
位置:https://www.ftc.gov.tw/internet/main/actProject/actProjectDetail.aspx?fid=146 :381

<td align="left" valign="top" class="plain" style="padding-bottom: 15px;">
	<input name="ctl00$ContentPlaceHolder1$forum_validate" type="text" maxlength="10" id="ContentPlaceHolder1_forum_validate" />
	驗證碼中只含小寫英文字母或數字,不含大寫字母。
	<br />
	......
</td>

增加一行換行

<td align="left" valign="top" class="plain" style="padding-bottom: 15px;">
	<input name="ctl00$ContentPlaceHolder1$forum_validate" type="text" maxlength="10" id="ContentPlaceHolder1_forum_validate" />
	<br />
	驗證碼中只含小寫英文字母或數字,不含大寫字母。
	<br />
	......
</td>

問題:

原始程式:

位置:

建議修改:

補充:


問題:

可能原因:

圖片長寬被寫死造成表格被撐開

原始程式:

以 首頁>競爭政策資料及研究中心>研究發展活動(本項目內容須經本會同意方可使用)>專題演講 為例
位置:https://www.ftc.gov.tw/internet/main/doc/docDetail.aspx?uid=1228&docid=13397 :342

<table border="0" style="width:100%">
	<tbody>
		<tr>
			<td>
				<p><img alt="圖為106年04月21日中原大學財經法律學系陳教授志民專題演講實況。" src="https://www.ftc.gov.tw/upload/0c096185-8106-4f65-906b-8f9f699b339b.png" style="height: 393px;width: 512px;"></p>
				......
				<p><img alt="圖為106年7月21日本會顏委員廷棟專題演講實況" src="https://www.ftc.gov.tw/upload/42715d38-4e50-46fc-aa50-384df434c63d.JPG" style="height: 384px;width: 512px;"></p>
				......
			</td>
		</tr>
	</tbody>
</table>

位置:https://www.ftc.gov.tw/internet/main/css/list_of_articles.css :1956

.article span img {
	width: inherit;
}

建議修改:

將長寬改為最大長寬

<table border="0" style="width:100%">
	<tbody>
		<tr>
			<td>
				<p><img alt="圖為106年04月21日中原大學財經法律學系陳教授志民專題演講實況。" src="https://www.ftc.gov.tw/upload/0c096185-8106-4f65-906b-8f9f699b339b.png" style="max-height: 393px;max-width: 512px;"></p>
				......
				<p><img alt="圖為106年7月21日本會顏委員廷棟專題演講實況" src="https://www.ftc.gov.tw/upload/42715d38-4e50-46fc-aa50-384df434c63d.JPG" style="max-height: 384px;max-width: 512px;"></p>
				......
			</td>
		</tr>
	</tbody>
</table>

將寬度改為100%

.article span img {
	width: 100%;
}

補充:

問題:

原始程式:

位置:https://www.ftc.gov.tw/internet/main/doc/docDetail.aspx?uid=1552&docid=15385

建議修改:

已測試,問題無法複現

補充:


問題:

可能原因:

原始程式:

以 首頁>文宣出版品>公平交易季刊各期內容(本項目內容須經本會同意方可使用)>季刊第24卷(民國105年出版)>第24卷第4期 為例
位置:https://www.ftc.gov.tw/internet/main/doc/docDetail.aspx?uid=1436&docid=14878


問題:

原始程式:

以 首頁>文宣出版品>電子報(本項目內容須經本會同意方可使用)>第96期(107.04.03) 為例
位置:https://www.ftc.gov.tw/internet/main/doc/docDetail.aspx?uid=1234&docid=15421


問題:

原始程式:

位置:https://www.ftc.gov.tw/internet/main/doc/docDetail.aspx?uid=918&docid=1502
位置:https://www.ftc.gov.tw/internet/main/doc/docDetail.aspx?uid=1202&docid=14304


問題:

原始程式:

位置:https://www.ftc.gov.tw/internet/main/doc/docDetail.aspx?uid=1132&docid=12528

問題:

原始程式:

位置:https://www.ftc.gov.tw/internet/main/test/test01_2.aspx


問題:

原始程式:

位置:https://www.ftc.gov.tw/internet/main/doc/docDetail.aspx?uid=915&docid=1507

問題:

原始程式:

位置:http://www.ftc.gov.tw/law/index.aspx?LawType=53

建議修改:

已測試,按鈕內無內容,問題無法修復

問題:

原始程式:

位置:https://www.ftc.gov.tw/internet/main/doc/docDetail.aspx?uid=907&docid=1494

建議修改:

已測試,問題無法復現,圖片已撤換

補充: