高雄國稅局-楊喻文

網站

高雄國稅局

姓名

楊喻文

檢測日期

2018-04-16

檢測裝置

OPPO A57

作業系統 與 瀏覽器版本

Android 6.0.1
Chrome版本:Chrome 65.0.3325.109

解析度(手機螢幕)

320x640 pixels

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


壞掉的連結


跑版(影響閱讀)問題

  1. google搜索的地方跟選單重疊了(高雄國稅局-楊喻文)
  2. 輪播圖的點點掉到樓下了(高雄國稅局-楊喻文)





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


出現亂碼


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


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

閱讀模式

我使用安卓


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


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



問題

可能原因

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;
}

補充

問題

可能原因

後面出現一堆無意義的

,懷疑是後端render時出錯

建議修該

刪除

們就可以

補充

可能原因

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

建議修改

加上css

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

補充

問題

可能原因

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

建議修改

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

補充