高雄國稅局-楊喻文

ray 財政部
, ,
#1

網站

高雄國稅局

姓名

楊喻文

檢測日期

2018-04-16

檢測裝置

OPPO A57

作業系統 與 瀏覽器版本

Android 6.0.1
Chrome版本：Chrome 65.0.3325.109

解析度（手機螢幕）

320x640 pixels

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

是

壞掉的連結

跑版（影響閱讀）問題

  1. google搜索的地方跟選單重疊了(高雄國稅局-楊喻文 - #2 lemotw1024)
    image
  2. 輪播圖的點點掉到樓下了(高雄國稅局-楊喻文 - #2 lemotw1024)
    Screenshot_2018-04-17-09-13-30-17[1]
    image

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

無

出現亂碼

無

不能用的外掛程式（Flash、ActiveX、Applet、Silverlight、…）

無

網站載入緩慢（相對一般網站）

無

閱讀模式

我使用安卓

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

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

#2

問題

可能原因

google搜尋是寬度設定太大
輪播圖是因為margin把點點推到下面了

原始程式

位置:
https://www.ntbk.gov.tw/etwmain/resources/web/slick/slick-theme.css:122

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0 5px;

    list-style: none;

    text-align: center;
}

建議修改

google搜尋把寬度改成80%就好
而輪播圖的部份把margin規零

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

補充

57

#3

問題

可能原因

後面出現一堆無意義的

，懷疑是後端render時出錯

建議修該

刪除

們就可以

補充

08

#4

可能原因

table沒有設定100%，下面的td tr沒有換行

建議修改

加上css

   table{
   	border-collapse: collapse;
   	width: 100%; 
   	word-wrap: break-word;
   	table-layout: fixed;
   }
td,tr,th{
        white-space: normal;
}

補充

52

#5

問題

可能原因

設計不良table在手機板會太多資訊

建議修改

在table上一層的li加上 overflow:auto; 的css
使其超出的部份也可以看到，並不影響其他排版

補充

14