金管會-穆邦妮

網站

金管會

姓名

穆邦妮

檢測日期

2018-04-03

檢測裝置

iphone 6

作業系統 與 瀏覽器版本

ios 11.2

解析度(手機螢幕)

375x667 pixels

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

壞掉的連結


跑版(影響閱讀)問題

  1. (1) menu>公告資訊>徵才資訊>第一則20180331
    (2) menu>公告資訊>徵才資訊>第二則20180330
    徵才資訊點入第一則及第二則都出現頁面跑版的問題。
    解法回文連結
    (圖一)手機板

    (圖二)網頁正常版

2.menu>政府資訊公開>發展高齡化金融商品與服務
此頁面圖片跑版,但文字正常。
解法回文連結
(圖一)手機板


(圖二)網頁正常版


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

出現亂碼

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

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

閱讀模式

無法用

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

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

1.版面編排可以更好
解法回文連結
(1)menu>資訊>金融小百科
(圖一)手機板頁面


(圖二)網頁板

(2)menu>政府資訊公開>新南向政策專區
解法回文連結
(圖一)手機板頁面


(圖二)網頁板

(3)相關單位連結>上市(櫃)、發行公司網站連結
[解法回文連結] (金管會-穆邦妮)
(圖一)手機板


(圖二)網頁板

問題:

可能原因:

元素寬度分配問題,但元素應該是程式動態產生,故無法找到直接的程式碼(下說明)

原始程式:

左td元素寬為11%,右邊td元素為88%,導致字體被擠壓

<td valign="top" width="11%" style="border-top: #f0f0f0; height: 22.5pt; border-right: #f0f0f0; width: 11.76%; border-bottom: #f0f0f0; padding-bottom: 0cm; padding-top: 0cm; padding-left: 0cm; border-left: #f0f0f0; padding-right: 0cm; background-color: transparent"><div><span style="font-size: 10pt; color: blue">資格條件:</span></div></td>
<td valign="top" width="88%" style="border-top: #f0f0f0; height: 22.5pt; border-right: #f0f0f0; width: 88.24%; border-bottom: #f0f0f0; padding-bottom: 0cm; padding-top: 0cm; padding-left: 0cm; border-left: #f0f0f0; padding-right: 0cm; background-color: transparent"><div style="margin: 0cm 0cm 0pt 4.55pt; text-indent: -0.6pt">具法律、資安相關工作經驗及具英語讀、寫能力者尤佳,並具備下列條件者:</div><div style="text-align: justify; margin: 0cm 0cm 0pt 23.55pt; text-justify: inter-ideograph; text-indent: -20.9pt">一、教育部認可之國內、外大專院校金融、會計、企管、經濟、商學、資訊或法律等相關科系畢業。</div><div style="text-align: justify; margin: 0cm 0cm 0pt 25.2pt; text-justify: inter-ideograph; text-indent: -23.95pt">二、公務人員高等考試<span>3級考試以上或相當等級以上考試及格,並具金融保險職系法定任用資格人員。</span></div><div style="text-align: justify; margin: 0cm 0cm 0pt 25.2pt; text-justify: inter-ideograph; text-indent: -23.95pt">三、無公務人員任用法第<span>26條、第28條、公務人員陞遷法第12條各款規定及公務員服務法第13條之情事者及無限制調任情事者。</span></div><div style="margin: 0cm 0cm 0pt 1.2pt">四、任事積極負責並能配合業務需要者。</div><div style="margin: 0cm 0cm 0pt 24.85pt; text-indent: -23.65pt">五、無公務員服務法第<span>13條,經營商業或投機事業之情事(按:如有擔任負責人、董事、監察人、執行業務股東等,請於到職前處理竣事)。</span></div></td>

建議修改:

改為20%和79%分配即可,但須從程式碼端修改

<td valign="top" width="11%" style="border-top: #f0f0f0; height: 22.5pt; border-right: #f0f0f0; width: 11.76%; border-bottom: #f0f0f0; padding-bottom: 0cm; padding-top: 0cm; padding-left: 0cm; border-left: #f0f0f0; padding-right: 0cm; background-color: transparent"><div><span style="font-size: 10pt; color: blue">資格條件:</span></div></td>
<td valign="top" width="88%" style="border-top: #f0f0f0; height: 22.5pt; border-right: #f0f0f0; width: 88.24%; border-bottom: #f0f0f0; padding-bottom: 0cm; padding-top: 0cm; padding-left: 0cm; border-left: #f0f0f0; padding-right: 0cm; background-color: transparent"><div style="margin: 0cm 0cm 0pt 4.55pt; text-indent: -0.6pt">具法律、資安相關工作經驗及具英語讀、寫能力者尤佳,並具備下列條件者:</div><div style="text-align: justify; margin: 0cm 0cm 0pt 23.55pt; text-justify: inter-ideograph; text-indent: -20.9pt">一、教育部認可之國內、外大專院校金融、會計、企管、經濟、商學、資訊或法律等相關科系畢業。</div><div style="text-align: justify; margin: 0cm 0cm 0pt 25.2pt; text-justify: inter-ideograph; text-indent: -23.95pt">二、公務人員高等考試<span>3級考試以上或相當等級以上考試及格,並具金融保險職系法定任用資格人員。</span></div><div style="text-align: justify; margin: 0cm 0cm 0pt 25.2pt; text-justify: inter-ideograph; text-indent: -23.95pt">三、無公務人員任用法第<span>26條、第28條、公務人員陞遷法第12條各款規定及公務員服務法第13條之情事者及無限制調任情事者。</span></div><div style="margin: 0cm 0cm 0pt 1.2pt">四、任事積極負責並能配合業務需要者。</div><div style="margin: 0cm 0cm 0pt 24.85pt; text-indent: -23.65pt">五、無公務員服務法第<span>13條,經營商業或投機事業之情事(按:如有擔任負責人、董事、監察人、執行業務股東等,請於到職前處理竣事)。</span></div></td>

補充

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

問題:

可能原因:

圖片未設定寬度比例

原始程式:

位置:https://www.fsc.gov.tw/ch/css/bootstrap.css:44

img {
  border: 0;
}

建議修改:

新增max-width:100%;

img {
  border: 0;
  max-width:100%;
}

補充

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

問題:

可能原因:

表格比例問題

原始程式:

位置:https://www.fsc.gov.tw/css/template.css:163

/*** table start ***/
.table02{
		background-color: transparent !important;  
	}
	.table02, 
	.table02 thead, 
	.table02 tbody, 
	.table02 th, 
	.table02 td, 
	.table02 tr {
		display: block; 
	}

建議修改:

移除173行的display: block;

/*** table start ***/
.table02{
		background-color: transparent !important;  
	}
	.table02, 
	.table02 thead, 
	.table02 tbody, 
	.table02 th, 
	.table02 td, 
	.table02 tr {
	}

補充

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

問題:

可能原因:

RWD設計正常現象,建議不修改

原始程式:

建議修改:

補充

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

問題:

可能原因:

版型設計問題,需重新設計,故不處理

原始程式:

建議修改:

補充

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