財政部國庫署-黃子菡

網站

財政部國庫署

姓名

黃子菡

檢測日期

2018-04-18

檢測裝置

iPhone X
MacBook Pro (Retina, 13-inch, Early 2015)

作業系統 與 瀏覽器版本

iOS 11.3/ Safari 11.3
macOS 10.13.4 Beta/ Chrome 65.0.3325.181

解析度(手機螢幕)

375 x 812 pixels

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

壞掉的連結

  1. 首頁 > 業務導覽 > 庫政管理及歲入籌編 > 歲入籌編:(頁尾)相關法規 > 106 年度中央及地方政府預算籌編原則:錯誤訊息(圖一)(圖二)

(圖一)

IMG_1204

(圖二)

IMG_1203


跑版(影響閱讀)問題

  1. 首頁排版就不 OK:標題與日期太擠 (圖三)
  2. 首頁 > 業務導覽 > 庫政管理及歲入籌編 > 業務資料(圖四)
  3. 首頁 > 業務導覽 > 公共債務白皮書 > 最新各級政府債務資訊 :巨大無意義低畫素圖示(圖五)解法回文
  4. [首頁 > 機關簡介 > 位置與交通資訊] 解法回文(https://www.nta.gov.tw/web/ContentA/ContentA.aspx?c0=16) (圖六)
  5. [首頁 > 公告訊息 > 就業資訊 > 線上徵才報名] 解法回文(https://www.nta.gov.tw/web/AnnHiring/ContentA.aspx?c0=416)(圖七)

(圖三)

IMG_1201

(圖四)

IMG_1202

(圖五)

IMG_1205

(圖六)

IMG_1206

(圖七)

IMG_1207


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

出現亂碼

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

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

閱讀模式

部分有

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

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

貓頭鷹 Dr.庫 bot 是目前最潮

問題

可能原因:

RWD 設定錯誤

原始程式:

位置: article.css:971

@media screen and (max-width: 480px)
.contentsA01 .total img {
    width: 98%!important; 
    height: auto!important;
}

建議修改:

把 width 改成max-width

@media screen and (max-width: 480px)
.contentsA01 .total img {
   max- width: 98%!important; 
    height: auto!important;
}

補充

08

問題

可能原因:

排版設定錯誤

原始程式:

<li>
	<span style="color: rgb(128, 0, 128);">公車</span>
        : 南門市場 - 214 、 295<br>
         &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 中正紀念堂 ( 羅斯福路 ) - 0 東、 3 、 15 、 18 、 208 、 236 、 251 、 252 、 297 、 644 、<br>
	 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;648 、 660<br>
	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 財政大樓站 - 中山幹線、 5 、 38 、 204 、 227 、 235 、 241 、 243 、 244 、 295 、 532 、<br>
	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 630 、 662 、663 、 706</li>

建議修改:

建議不要用&nbsp;排版
就這頁的情況也可以把br拿掉

<li>
		<span style="color: rgb(128, 0, 128);">公車</span>: 南門市場 - 214 、 295
		 中正紀念堂 ( 羅斯福路 ) - 0 東、 3 、 15 、 18 、 208 、 236 、 251 、 252 、 297 、 644 、
		648 、 660
		 財政大樓站 - 中山幹線、 5 、 38 、 204 、 227 、 235 、 241 、 243 、 244 、 295 、 532 、
		 630 、 662 、663 、 706</li>

補充

19

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

問題

可能原因:

RWD設定

建議修改:

table的css有很大的問題,td鎖死高度也沒幫width設定%數,導致寬度被父類別等等鎖死,overflow的部分也沒處理導致網頁爆出畫面,建議重寫此頁