財政部台北國稅局-柯宥辰

網站

財政部國稅局

姓名

柯宥辰

檢測日期

2018-04-07

檢測裝置

i6
MacBook Pro (13-inch, 2017, Four Thunderbolt 3 Ports)

作業系統 與 瀏覽器版本

ios 10.12.6

解析度(手機螢幕)

375*667 pixels

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

壞掉的連結


跑版(影響閱讀)問題


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

出現亂碼

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

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

閱讀模式

可以用

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

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


[首頁>政府資訊公開>出版品>宣導資訊>懶人包系列>信用卡載具]:(圖一)圖片沒有對齊
(圖一)
解法回文連結

問題:

可能原因:

連結失效,不處理

原始程式:

建議修改:

補充

結尾(選填,可增加網站建議)

問題:

可能原因:

表格內容過多,可以使用強制換行,但不確定是否合適

原始程式:

位置:https://www.ntbt.gov.tw/etwmain/resources/web/css/main.css:6

body {
	font-family: "微軟正黑體", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

建議修改:

加上強制換行word-break: break-all;

body {
	font-family: "微軟正黑體", "Helvetica Neue", Helvetica, Arial, sans-serif;
	word-break: break-all;
}

補充

結尾(選填,可增加網站建議)

問題:

可能原因:

表格設定問題

原始程式:

位置:https://www.ntbt.gov.tw/etwmain/resources/web/css/bootstrap.min.css:33

*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

建議修改:

加上強置換行word-break: break-all

*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-break: break-all;}

補充

結尾(選填,可增加網站建議)

問題:

可能原因:

標題內文過長

原始程式:

位置:http://service.ntbt.gov.tw/etwmain/resources/web/css/main.css:1184

	.list-group-item  table,tr {
		width: auto !important;
	}

建議修改:

加上word-break: break-all

	.list-group-item  table,tr {
		width: auto !important;
		word-break: break-all;
	}

補充

結尾(選填,可增加網站建議)

問題:

可能原因:

table中某段th設定了nowrap

原始程式:

Xpath://*[@id=“group0”]
這邊僅做範例,必須每個th重新調整

<th id="group0" nowrap="nowrap" width="85">
<p align="center"><span style="font-size: 15px;">單位</span></p>
</th>

建議修改:

移除nowrap屬性

<th id="group0"  width="85">
<p align="center"><span style="font-size: 15px;">單位</span></p>
</th>

補充

結尾(選填,可增加網站建議)

問題:

可能原因:

表格太小,圖片都設定100%寬度被強迫擠壓
建議重新設計

原始程式:

位置:https://www.ntbt.gov.tw/etwmain/resources/web/css/main.css:1179

@media ( max-width : 767px) {
	.list-group-item img:not(.skip) {
		max-width: 100% !important;
		height: auto !important;
	}

建議修改:

調整 1181行的max-width

@media ( max-width : 767px) {
	.list-group-item img:not(.skip) {
		max-width: 90% !important;
		height: auto !important;
	}

補充

結尾(選填,可增加網站建議)