經濟部國際貿易局-楊珣

ray 經濟部
, ,
#1

網站

經濟部國際貿易局

姓名

楊珣

檢測日期

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

問題：

可能原因：

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

建議修改：

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

#3

問題：

可能原因：

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

原始程式：

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

#4

問題：

可能原因：

圖片寬度設為固定數值。

原始程式：

<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

#5

問題：

可能原因：

寬度設定影響顯示。

原始程式：

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

#6

問題：

可能原因：

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