Safe Taiwan公路總局-謝茵安

網站

Safe Taiwan公路總局

姓名

謝茵安

檢測日期

2018-05-14

檢測裝置

SAMSUNG-J700F

作業系統 與 瀏覽器版本

Android 5.1.1
Chrome版本:Chrome 65.0.3325.181

解析度(手機螢幕)

螢幕解析度 360X640

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

壞掉的連結

1.連結壞掉 解法回文連結
首頁>合作機關(構)>交通部運輸研究所
首頁>合作機關(構)>林務局全球資訊網
首頁>合作機關(構)>內政部消防署NFA
首頁>合作機關(構)>輻射偵測中心


跑版(影響閱讀)問題

1.該介面的連結點開之後旁邊會出現黑色框框,顯示該網站連結的名字,可是卻全部都超出介面,無法閱讀。(合作機關的所有連結都有此問題)解法回文連結
首頁>合作機關(構)


2.按鈕擋到文字 解法回文連結
首頁>即時示警消息

3.首頁底下圖片的圖說文字跑版(多個內容皆如此) 解法回文連結
首頁


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

1.按鈕按了沒反應
首頁>行動服務

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

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

閱讀模式

Android系統

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

1.大事記和活動訊息裡面的這幾個內頁標題,按了都會變藍色,原本以為他會跳到新介面,但只有回到網頁最頂端。不知道這樣的設計意義何在。(大事記和活動訊息所有標題都是如此)
首頁>大事記>榮獲106年度防災科技應用技術優質獎
首頁>大事記>SafeTaiwan合作機關交流會議
首頁>大事記>榮獲2016年資訊月百大創新產品獎
首頁>活動訊息>2018災害管理科普系列演講-智慧防災
首頁>活動訊息>安全臺灣SafeTaiwan高公局北工處專題演講


2.圖片無法顯示
首頁>活動訊息>2018亞太智慧防救災高峰論壇

3.首頁的介面空白,按左右鍵的話會快速閃過一個介面,但閃的太快了,根本不知道那是什麼
首頁

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

網站設計的很舒服,讓人閱讀起來沒有壓力。

問題:

可能原因:

連結設置錯誤。

建議修改:

更正超連結,正確的網址分別為:
交通部運輸研究所
林務局全球資訊網
內政部消防署NFA
輻射偵測中心

問題:

可能原因:

螢幕縮小後,連結名稱提示跑版。

建議修改:

直接顯示連結名稱於圖示上方或下方。

問題:

可能原因:

按鈕位置垂直置中,導致與文字重疊,影響閱讀。

原始程式:

  1. 上一頁按鈕,位置:https://www.safetaiwan.tw/rwd5/css/style.css:1543
.portfolio_prev {
    position: absolute;
    top: -125px;
    left: -4px;
    z-index: 10;
}
  1. 下一頁按鈕,位置:https://www.safetaiwan.tw/rwd5/css/style.css:1544
.portfolio_next {
    position: absolute;
    top: -125px;
    right: 11px;
    z-index: 10;
}

建議修改:

將按鈕移至上方顯示。

  1. 上一頁按鈕,位置:https://www.safetaiwan.tw/rwd5/css/style.css:1543
.portfolio_prev {
    position: absolute;
    top: -215px;
    left: -4px;
    z-index: 10;
}
  1. 下一頁按鈕,位置:https://www.safetaiwan.tw/rwd5/css/style.css:1544
.portfolio_next {
    position: absolute;
    top: -215px;
    right: 11px;
    z-index: 10;
}

補充:

(修正後之截圖)

問題:

可能原因:

圖片區塊寬度設為固定數值,導致跑版。

原始程式:

位置:view-source:https://www.safetaiwan.tw/index.html:775

<div class="caroufredsel_wrapper" style="display: block; text-align: start; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 324px; height: 217px; margin: 0px; overflow: hidden;">
<ul class="clearfix" style="text-align: left; float: none; position: absolute; top: 0px; right: auto; bottom: auto; left: 0px; margin: 0px; width: 1620px; height: 491px;">

建議修改:

divul寬度皆改為百分比並移除高度設置。

<div style="display: block;text-align: start;float: none;position: relative;top: auto;right: auto;bottom: auto;left: auto;z-index: auto;width: 100%;margin: 0px;overflow: hidden;" class="caroufredsel_wrapper">
<ul style="text-align: left;float: none;top: 0px;right: auto;bottom: auto;left: 0px;margin: 0px;width: 100%;z-index: auto;" class="clearfix">

補充:

(修正後之截圖)