農糧署-喻文

網站

農糧署

姓名

楊喻文

檢測日期

2018-04-29

檢測裝置

OPPO A57

作業系統 與 瀏覽器版本

Android 6.0.1
Chrome版本:Chrome 65.0.3325.109

解析度(手機螢幕)

320x640 pixels

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


壞掉的連結



  • 首頁->相關網站->常用連結
    農委會農業計畫管理系統 這個網頁無法正常運作
    性別平等專區 這個網頁無法正常運作
    黃金廊道資訊網(將會另開視窗) 系統發生錯誤,請聯繫網站管理者
    流域綜合治理計畫 這個網頁無法正常運作
    農情報導專區 這個網頁無法正常運作

跑版(影響閱讀)問題



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


出現亂碼


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


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


閱讀模式

我使用安卓


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


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

  • 首頁
    感覺上這是一個文字雲,但是這麼忽然看到覺得沒有很漂亮,應該可以對文字雲的形狀(外框)多作一點設計
    84770

  • 首頁
    在網頁版的部分看這一塊覺得很自然,但是當他直接被縮成手機版時,感覺很奇怪
    應該還是要遵循 農業氣象-內容 影音分享-內容 這樣的格式
    比較不會不知道這裡在幹嘛
    84771

問題:

可能原因:

欄高過窄,導致文字重疊。

原始程式:

位置:Request Rejected

h3 {
    font-size: 1.8em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
    margin-bottom: 33px;
    text-transform: uppercase;
}

建議修改:

line-height: 24px;註解掉。

h3 {
    font-size: 1.8em;
    font-weight: 400;
    letter-spacing: normal;
    /* line-height: 24px; */
    margin-bottom: 33px;
    text-transform: uppercase;
}

補充:

(修正後之截圖)
41

問題:

可能原因:

圖片寬高設置不當,導致跑版。

原始程式:

位置:https://www.afa.gov.tw/cht/index.php?code=list&ids=262:1

@media (max-width: 780px)
.page-banner img {
    width: auto;
    margin-left: -50%;
}

建議修改:

將img屬性都註解掉,使banner圖片寬度可以自適應網頁。

@media (max-width: 780px)
.page-banner img {
    /* width: auto; */
    /* margin-left: -50%; */
}

補充:

(修正後之截圖)
42

問題:

可能原因:

表格內文影響寬高設置,導致跑版。

建議修改:

  1. 表格結構如果直接縮減寬度可能會影響閱讀,因此建議加上水平滾輪讓使用者滑動檢視。
    作法:在表格外層加上<div style="overflow:auto;"></div>

  2. 連結標籤中加入word-break: break-all;

補充:

(修正後之截圖)

  1. 表格
    43
  2. 連結
    44