Safe Taiwan公路總局-謝茵安

ray 交通部
, ,
#1

網站

Safe Taiwan公路總局

姓名

謝茵安

檢測日期

2018-05-14

檢測裝置

SAMSUNG-J700F

作業系統 與 瀏覽器版本

Android 5.1.1
Chrome版本：Chrome 65.0.3325.181

解析度（手機螢幕）

螢幕解析度 360X640

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

是

壞掉的連結

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

跑版（影響閱讀）問題

1.該介面的連結點開之後旁邊會出現黑色框框，顯示該網站連結的名字，可是卻全部都超出介面，無法閱讀。（合作機關的所有連結都有此問題）解法回文連結
首頁>合作機關(構)
image
2.按鈕擋到文字 解法回文連結
首頁>即時示警消息
image
3.首頁底下圖片的圖說文字跑版(多個內容皆如此) 解法回文連結
首頁
image

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

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

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

無

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

無

閱讀模式

Android系統

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

1.大事記和活動訊息裡面的這幾個內頁標題，按了都會變藍色，原本以為他會跳到新介面，但只有回到網頁最頂端。不知道這樣的設計意義何在。（大事記和活動訊息所有標題都是如此）
首頁>大事記>榮獲106年度防災科技應用技術優質獎
首頁>大事記>SafeTaiwan合作機關交流會議
首頁>大事記>榮獲2016年資訊月百大創新產品獎
首頁>活動訊息>2018災害管理科普系列演講-智慧防災
首頁>活動訊息>安全臺灣SafeTaiwan高公局北工處專題演講
image
2.圖片無法顯示
首頁>活動訊息>2018亞太智慧防救災高峰論壇
image
3.首頁的介面空白，按左右鍵的話會快速閃過一個介面，但閃的太快了，根本不知道那是什麼
首頁
image

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

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

#2

問題：

可能原因：

連結設置錯誤。

建議修改：

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

#3

問題：

可能原因：

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

建議修改：

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

#4

問題：

可能原因：

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

原始程式：

  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;
}

補充：

(修正後之截圖)
51

#5

問題：

可能原因：

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

原始程式：

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

建議修改：

將div、ul寬度皆改為百分比並移除高度設置。

<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">

補充：

(修正後之截圖)
52