財政部-謝茵安

網站

財政部

姓名

謝茵安

檢測日期

2018-04-02

檢測裝置

SAMSUNG-J700F

作業系統 與 瀏覽器版本

Android 5.1.1
Chrome版本:Chrome 65.0.3325.181)

解析度(手機螢幕)

螢幕解析度 360X640

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

壞掉的連結

1.點進去,顯示「您沒有檢視此頁的授權」 (財政部-謝茵安 - #5 lemotw1024)
首頁>財政部及所屬機關>沿革組織指掌>組織>人事處
image
image


2.點進去,顯示「你的連線不是私人連線」(財政部-謝茵安 - #5 lemotw1024)
首頁>財政部及所屬機關>沿革組織指掌>組織>行政院金融監督管理委員會
image


3.點進去,結果顯示「無法連上此網站」 (財政部-謝茵安 - #5 lemotw1024)
首頁>財政部及所屬機關>沿革組織指掌>組織>北區國稅局
首頁>財政部及所屬機關>沿革組織指掌>組織>中區國稅局
image
image


跑版(影響閱讀)問題

1.多個表格超出頁面(財政部-謝茵安 - #2 lemotw1024)
首頁>訊息公告>政令宣導輪播
Screenshot_2018-04-02-13-45-09


2.手機版表格完全沒有排版 很難看懂 (財政部-謝茵安 - #6 lemotw1024)
首頁>財政及貿易統計>財政及賦稅統計>重要財政指標
image


3.地圖超出頁面(財政部-謝茵安 - #3 lemotw1024)
首頁>財政部及所屬機關>聯絡資訊一覽
image


4.資訊超出頁面(財政部-謝茵安 - #6 lemotw1024)
首頁>政策與計畫>施政計畫
image


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

出現亂碼

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

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

閱讀模式

Android系統

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

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

1.財政部的網站在點連結的時候,會出現紅框框,很明顯的標示出現在點擊的按鈕,這點很方便閱覽,讚讚!
2.有些介面裡,連結臉書那一欄會擋住標題,建議改進。
首頁>財政部及所屬機關>沿革組織指掌
image

問題

可能原因

是用過時的table tag難以做rwd

原始程式

位置:
https://www.mof.gov.tw/LinkList/Index?nodeid=38:221

<table><tbody><tr><td><a tabindex="230" href="https://www.ntbna.gov.tw/etwmain/front/ETW118W/CON/2312/8518910661208036947">小規模營業人導入行動支付<img src="/File/Banner/38/Banner_78170.JPG" alt="小規模營業人導入行動支付" width="150" height="50"></a></td><td><a tabindex="231" href="https://www.nta.gov.tw/_admin/_upload/InfoImg/13/data/%E7%A8%85%E6%94%B6%E8%B6%85%E5%BE%B5%E7%94%A8%E5%8E%BB%E5%8F%A8%E4%BD%8D.pdf">超徵稅收用去叨位?<img src="/File/Banner/38/Banner_78623.jpg" alt="超徵稅收用去叨位?" width="150" height="50"></a></td><td><a tabindex="232" href="https://www.nta.gov.tw/_admin/_upload/InfoImg/12/data/1070319懶人包(更新).pdf">稅收超徵懶人包<img src="/File/Banner/38/Banner_77509.jpg" alt="稅收超徵懶人包" width="150" height="50"></a></td><td><a tabindex="233" href="https://www.ntbsa.gov.tw/etwmain/front/ETW118W/CON/2360/5078859071636444817">外籍旅客退稅專區<img src="/File/Banner/38/Banner_75638.jpg" alt="外籍旅客退稅專區" width="150" height="50"></a></td><td><a tabindex="234" href="http://www.mof.gov.tw/List/Index?nodeid=1497">納稅者權利保護專區<img src="/File/Banner/38/Banner_74999.jpg" alt="納稅者權利保護專區" width="150" height="50"></a></td></tr><tr><td><a tabindex="235" href="https://www.dot.gov.tw/ch/home.jsp?id=13&amp;parentpath=0">境外電商營業稅專區<img src="/File/Banner/38/Banner_77787.jpg" alt="境外電商營業稅專區" width="150" height="50"></a></td><td><a tabindex="236" href="https://www.dot.gov.tw/ch/home.jsp?id=12&amp;parentpath=0">友善租稅環境專區<img src="/File/Banner/38/Banner_73518.jpg" alt="友善租稅環境專區" width="150" height="50"></a></td><td><a tabindex="237" href="https://www.nta.gov.tw/web/AnnD/uptAnnD.aspx?c0=235&amp;p0=7427">中央政府債務說明<img src="/File/Banner/38/Banner_65115.jpg" alt="中央政府債務說明" width="150" height="50"></a></td></tr></tbody></table>

建議修改

改使用div 加 flex的布局

  <div class="container" style="width:100%;display:flex;flex-wrap:wrap;">
    
    <div class="col" style="width:150px;">
     <a href="https://www.ntbna.gov.tw/etwmain/front/ETW118W/CON/2312/8518910661208036947">小規模營業人導入行動支付<img src="/File/Banner/38/Banner_78170.JPG" alt="小規模營業人導入行動支付" width="150" height="50"></a>
    </div>
    
    <div class="col" style="width:150px;">
      <a href="https://www.nta.gov.tw/_admin/_upload/InfoImg/13/data/%E7%A8%85%E6%94%B6%E8%B6%85%E5%BE%B5%E7%94%A8%E5%8E%BB%E5%8F%A8%E4%BD%8D.pdf">超徵稅收用去叨位?<img src="/File/Banner/38/Banner_78623.jpg" alt="超徵稅收用去叨位?" width="150" height="50"></a>
    </div>
    
    <div class="col" style="width:150px;">
      <a href="https://www.nta.gov.tw/_admin/_upload/InfoImg/12/data/1070319懶人包(更新).pdf">稅收超徵懶人包<img src="/File/Banner/38/Banner_77509.jpg" alt="稅收超徵懶人包" width="150" height="50"></a>
    </div>
    
    <div class="col" style="width:150px;">
      <a href="http://www.mof.gov.tw/List/Index?nodeid=1497">納稅者權利保護專區<img src="/File/Banner/38/Banner_74999.jpg" alt="納稅者權利保護專區" width="150" height="50"></a>
    </div>
    
    <div class="col" style="width:150px;">
      <a href="https://www.dot.gov.tw/ch/home.jsp?id=13&amp;parentpath=0">境外電商營業稅專區<img src="/File/Banner/38/Banner_77787.jpg" alt="境外電商營業稅專區" width="150" height="50"></a>
    </div>
    
    <div class="col" style="width:150px;">
      <a href="https://www.dot.gov.tw/ch/home.jsp?id=12&amp;parentpath=0">友善租稅環境專區<img src="/File/Banner/38/Banner_73518.jpg" alt="友善租稅環境專區" width="150" height="50"></a>
    </div>
    
    <div class="col" style="width:150px;">
      <a href="https://www.nta.gov.tw/web/AnnD/uptAnnD.aspx?c0=235&amp;p0=7427">中央政府債務說明<img src="/File/Banner/38/Banner_65115.jpg" alt="中央政府債務說明" width="150" height="50"></a>
    </div>
    
</div>

補充

06

問題

可能原因

寬度寫死

原始程式

位置:
https://www.mof.gov.tw/VDetail/Index?nodeid=120&pid=59726:247

<img alt="" src="http://www.mof.gov.tw/File/PageUpload/chmap.gif">

建議修改

改成100%

<img alt="" src="http://www.mof.gov.tw/File/PageUpload/chmap.gif" style="width:100%;">

補充

06

問題

可能原因

連結過時以及主機設定問題

建議修改

中區國稅局 (https://www.ntbca.gov.tw/etwmain/)
北區國稅局 (https://www.ntbna.gov.tw/etwmain/)
人事處 (https://www.mof.gov.tw/VDetail/index?nodeid=123&pid=1006)

問題

可能原因

table沒限制寬度,且使用空格不穩定排版

原始程式

位置:
https://www.mof.gov.tw/Detail/Index?nodeid=1481&pid=78355&ban=Y:257

<table style="width: 918px; height: 113px;" width="918" cellspacing="0" cellpadding="0" height="113" border="0">

建議修改

將table的寬度改成100%

<table style="border-collapse: collapse;width: 100%;word-wrap: break-word;table-layout: fixed;" width="918" cellspacing="0" cellpadding="0" height="113" border="0">

補充

43