農糧署-喻文

ray 農業委員會
, ,
#1

網站

農糧署

姓名

楊喻文

檢測日期

2018-04-29

檢測裝置

OPPO A57

作業系統 與 瀏覽器版本

Android 6.0.1
Chrome版本：Chrome 65.0.3325.109

解析度（手機螢幕）

320x640 pixels

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

是

壞掉的連結

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

跑版（影響閱讀）問題

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

無

出現亂碼

無

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

無

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

無

閱讀模式

我使用安卓

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

無

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

  • 首頁
    感覺上這是一個文字雲，但是這麼忽然看到覺得沒有很漂亮，應該可以對文字雲的形狀(外框)多作一點設計
    84770
  • 首頁
    在網頁版的部分看這一塊覺得很自然，但是當他直接被縮成手機版時，感覺很奇怪
    應該還是要遵循 農業氣象-內容 影音分享-內容 這樣的格式
    比較不會不知道這裡在幹嘛
    84771
#2

問題：

可能原因：

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

原始程式：

位置：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

#3

問題：

可能原因：

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

原始程式：

位置：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

#4

問題：

可能原因：

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

建議修改：

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

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

補充：

(修正後之截圖)

  1. 表格
    43
  2. 連結
    44