經濟部國際貿易局-楊珣

網站

經濟部國際貿易局

姓名

楊珣

檢測日期

2018-04-11

檢測裝置

sony xperia ultra xa

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本:Chrome 65.0.3325.181

解析度(手機螢幕)

360x640 pixels

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

壞掉的連結


跑版(影響閱讀)問題


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

出現亂碼

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

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

閱讀模式

使用Andriod系統

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

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

  • 覺得需要改善的地方
    1.發文限字數,不然版面好空喔。
  • 覺得很棒的地方
    1.網站導覽的排版賞心悅目。
    2.網站導覽會顯示那些項目已經看過了。
    3.外部連結會額外標註。

問題:

可能原因:

表格結構未因應行動版面做變化,不易閱讀。

建議修改:

如要方便使用者閱讀,需將表格結構重新排列,參考解法:行政院農業委員會-林文琦 - #2 youyuchen.alice

問題:

可能原因:

按鈕與附近元件未設置間距。

原始程式:

https://www.trade.gov.tw/css/style.css:222

.table_form input[type="submit"] {
    font-size: 0.8em;
    letter-spacing: 0px;
}

建議修改:

將按鈕與附近元件設置間距。

.table_form input[type="submit"] {
    font-size: 0.8em;
    letter-spacing: 0px;
    margin-top: 10px;
}

補充:

(修正後截圖)
71

問題:

可能原因:

圖片寬度設為固定數值。

原始程式:

<img alt="" width="960" height="720" style="width: 656px; height: 496px;" src="../Files/PageUpload/%E7%B0%A1%E5%A0%B13.jpg">

建議修改:

將圖片寬度設為百分比。

<img alt="" width="100%" src="../Files/PageUpload/%E7%B0%A1%E5%A0%B13.jpg">

補充:

(修正後截圖)
72

問題:

可能原因:

寬度設定影響顯示。

原始程式:

https://www.trade.gov.tw/css/style.css:1415

.main_file_list {
    margin-left: 130px;
    padding-top: 10px;
    width: 90%;
}

建議修改:

將寬度設定刪除。

.main_file_list {
    margin-left: 130px;
    padding-top: 10px;
    /* width: 90%; */
}

補充:

(修正後截圖)
73

問題:

可能原因:

因底部選單設置靠右,使用手機觀看時,會與下面大部分靠左的文字不同,感覺像是跑版了,但不影響使用。