中華民國營建署-黃子菡

網站

中華民國內政部營建署

姓名

黃子菡

檢測日期

2018-04-17

檢測裝置

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. 首頁 > 訂閱電子報 > 完成後訊息:跑版 (圖一)解法回文

(圖一)

IMG_0611


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

1.首頁 > 性別主流化專區 > 最新消息 (圖二)
2.首頁 Footer > 交通位置 > 連結沒有位置資訊(應為地圖或交通引導)(圖三)
3. 首頁 > 最新消息 > 徵才公告(圖四)

(圖二)

IMG_0619

(圖三)
IMG_1178

(圖四)

IMG_1184

出現亂碼

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

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

閱讀模式

部分可以有

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

  1. 遺失的電子報:訂閱了從來沒收到確認信,更沒有念茲在茲的電子報(圖五)
  2. 首頁 > 神秘的六點麵包屑(圖六)
  3. 回上一頁時常常會跳出送出確認視窗(改天測沒有)(圖七)

(圖五)

IMG_0611

(圖六)

IMG_0612

(圖七)

IMG_0617

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

從影音中心發現 營建署 YouTube 頻道,發現很用心的影音內容如各式懶人包、美的感動的影片如 國家公園電影節,讚!

問題:

可能原因:

CSS 設定錯誤

原始程式:

位置: template.css:2925

@media only screen and (max-width: 900px)
.htmpl .mod_index_epaper {
    margin: 0 auto;
}
.mod_index_epaper {
    background: url(../images/ct_epaper_bg.jpg) left bottom no-repeat;
    width: 201px;
    display: table;
    min-height: 87px;
    margin-top: 15px;
    margin-left: 10px;
}

建議修改:

@media only screen and (max-width: 900px)
.htmpl .mod_index_epaper {
    margin: 0 auto;
    text-align: center;
}

補充

45