財政部北區國稅局-盧苡萱

網站

財政部北區國稅局

姓名

盧苡萱

檢測日期

2018-04-15

檢測裝置

iphone7

作業系統 與 瀏覽器版本

iOS11.2

解析度(手機螢幕)

375x667

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

壞掉的連結


跑版(影響閱讀)問題

表格跑版


文字跑版


圖片跑版

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

按鈕不能按

出現亂碼

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

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

閱讀模式

不可用

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

跳出行動版至網頁版(沒有行動版?)

解法回文


不是相關新聞,是相關介紹(整個網站都有這個問題,以下為範例)


多出來的表格

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

網站資訊很多很雜,看得出來有設計出一個框架,但內容格式參差不齊,尤其各分局、稽查所和服務所,應該統一格式,比較方便閱讀


排版凌亂


圖片太陽春

問題

可能原因:

RWD 設定錯誤

原始程式:

位置: main.css:1175

.table {
    margin-top: 8px;
}

建議修改:

.table {
    margin-top: 8px;
    max-width: none;
    table-layout: fixed;
    word-wrap: break-word;
}

並且把<th>的nowrap拿掉

補充

問題

可能原因:

CSS 設定

建議修改:

由於內容過多,而且皆為數字類,如果強制斷行等方式不太好,所以建議在父類別加上

{
    overflow: scroll;
}

補充

問題

可能原因:

排版設定錯誤

原始程式:

<div class="copyright">
	免付費電話:0800-000-321(稅務問題
  <strong>
    <a 
 href="http://www.ntbna.gov.tw/etwmain/front/ETW118W/CON/1986/7731950000934543057" title="服務時間" tabindex="273">服務時間請點此
    </a>
  </strong>)&nbsp;;<br>
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0800-080-369(網站操作問題),手機請撥市話號碼
</div>

建議修改:

不要以&nbsp;排版,用其他的方式,先以移除全部&nbsp;,在分成兩個element,第二個element用text-indent

問題

可能原因:

排版設定錯誤

補充

實測過後好像都沒問題,table裏字的部分不太算跑版

問題

補充

都已經有做RWD,但可能顯示的方式跟一些圖片要重新規劃

問題

補充

應該是沒有手機版

問題

可能原因:

生成表格錯誤

建議修改:

檢查一下生成表格的迴圈或判斷式