行政院農業委員會-黃子菡

ray 農業委員會
, ,
#1

網站

行政院農業委員會

姓名

黃子菡

檢測日期

2018-04-03

檢測裝置

iPhone X
MacBook Pro (Retina, 13-inch, Early 2015)

作業系統 與 瀏覽器版本

iOS 11.3/ Safari 11.3
macOS 10.13.4 Beta/ Chrome 65.0.3325.181

解析度（手機螢幕）

375 x 812 pixels

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

是

壞掉的連結

無

跑版（影響閱讀）問題

畫面切結 解法回文連結

  1. 首頁 > 便民服務 > 交流園地 (圖一）
  2. 首頁 > 便民服務 > 農委會全球資訊網使用者滿意度調查

(圖一）
42 AM

內容重複

  1. 首頁 > 關於農委會 > 副主任委員簡歷 > 黃副主任委員金城：委員雙胞胎（圖二）解法回文連結

（圖二）
08 AM

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

  1. 首頁 > 線上申辦 > 水土保持戶外教室參觀申請 （圖三）
  2. 首頁 > 線上申辦 > 水土保持戶外教室申請：且項目與 1. 重複？
  3. 首頁 > 農業法令 > 解釋令 > 農田水利目 （圖四）
  4. 首頁 > 全站搜尋 ：無法搜尋（圖五）vs. 正常電腦版（圖六）
    解法回文連結
    （圖三）
    10 AM

（圖四）
50 AM

（圖五）
IMG_0502

（圖六）
IMG_0503

出現亂碼

無

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

無

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

無

閱讀模式

不可以用

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

  1. 首頁：日期會被辨識成電話連結 （圖七）
    解法回文連結

（圖七）
IMG_0507

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

電腦版介面的很可愛

#2

問題：

可能原因：

RWD 設定錯誤

原始程式：

<table width="100%" summary="此為網頁內容表格" border="0" cellspacing="0" cellpadding="3" class="table table-bordered table-striped">
   ...     
</table>

建議修改：

在這個table面加上一個div，並且設定其CSS為

overflow-x:auto;

修改後為：

<div style="overflow-x:auto;">
<table width="98%" border="0" cellpadding="0" cellspacing="0" summary="此為網頁內容表格">
 ...  
</table>
</div>

補充

05

#3

問題：

可能原因：

未把電腦版的程式碼拿掉

原始程式：

<img border="0" hspace="0" alt="行政院農業委員會副主任委員-黃金城" title="行政院農業委員會副主任委員-黃金城" src="/upload/images/web_structure/coa/21939/pic004.jpg" width="774" align="baseline" height="265">

建議修改：

刪除上述程式碼

補充

58

#4

問題：

可能原因：

CSS 設定錯誤

原始程式：

<div id="top-search">
</div>

@media only screen and (max-width: 479px) {
    #top-search {
        display: none;
    }
}

建議修改：

把display 從none改成block

@media only screen and (max-width: 479px) {
    #top-search {
        display: block;
    }
}

補充

59

#5

問題：

可能原因：

ios手機原始設定

補充

ios手機會將長按的數字自動跳出通話視窗