中央選舉委員會-楊喻文

ray 中央選舉委員會
, ,
#1

網站

中央選舉委員會

姓名

楊喻文

檢測日期

2018-04-05

檢測裝置

OPPO A57

作業系統 與 瀏覽器版本

Android 6.0.1
Chrome版本：Chrome 65.0.3325.109

解析度（手機螢幕）

320x640 pixels

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

是

壞掉的連結

跑版（影響閱讀）問題

  • 首頁
    圖1：首頁往下滑，圖片歪掉了手機電腦都是。解法回文連結
    Screenshot_2018-04-05-13-33-31-30[1]
    圖2：疑似因為跑版所以長得很奇怪。手機電腦都是。解法回文連結
    Screenshot_2018-04-05-12-59-32-20[1]
    圖3：位置在上圖再往下滑的地方，圖片凸出去導致整個網頁變寬。僅有手機有問題。解法回文連結
    Screenshot_2018-04-05-12-59-38-81[1]

Screenshot_2018-04-05-13-50-44-91[1]Screenshot_2018-04-05-13-41-45-57[1]

此專區為各地方選委會皆有的問題，並僅以台北市為例

  • 首頁
    感覺上很像是左右選擇的箭頭歪掉
    Screenshot_2018-04-05-18-35-00-80[1]
    連結的圖片沒有置中
    Screenshot_2018-04-05-18-36-26-15[1]
  • 首頁
    國際交流點進去之後被拒絕存取

Screenshot_2018-04-05-18-43-54-06[1]Screenshot_2018-04-05-18-42-32-40[1]

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

無

出現亂碼

無

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

無

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

無

閱讀模式

我使用安卓

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

無

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

  • 首頁
    首頁拉頁的地方，可以明顯看到手機板與電腦版在「兒童版」三個字的地方不同。我覺得應該要三個字都在同一行會比較好。
    Screenshot_2018-04-05-12-59-15-15[1]
    image

Screenshot_2018-04-05-14-32-35-16[1]Screenshot_2018-04-05-14-32-39-25[1]

  • [首頁]((https://www.cec.gov.tw)
    下方長得很像選舉跟wifi的icon有點不明就裡，不知道他到底要表得甚麼，與點進去的內容有認知上的落差
    每個地方選委會的都一樣
    Screenshot_2018-04-05-18-32-03-71[1]

優點

  • 首頁->兒童版
    整個兒童版的網頁好可愛，雖然影片宣導部份有點不好看，但是內部使用到的圖片都很童趣，看了好喜歡<3 ~
#2

問題：

可能原因：

div設置偏右。

原始程式：

位置：https://www.cec.gov.tw/cec/frontsite/central/css/style.css:534

.eventphoto {
	padding: 0px;
	margin-right: -15px;
}

#建議修改：
將margin-right: -15px;刪除。

.eventphoto {
	padding: 0px;
}

補充：

(修正後截圖)
22

#3

問題：

可能原因：

圖片寬度沒設好，導致圖文跑版。

原始程式：

<img src="/upload/image/2017-07-28/76b03755-5690-4354-b56f-ddf4cfbc4cbd/5bb3b5fe02610b7a8e2250fcf967a5c1.jpg" border="0" alt="矯正機關自營商品展售商城(另開新視窗)">

建議修改：

將圖片寬度設置為百分比。

<img src="/upload/image/2017-07-28/76b03755-5690-4354-b56f-ddf4cfbc4cbd/5bb3b5fe02610b7a8e2250fcf967a5c1.jpg" border="0" width="100%" alt="矯正機關自營商品展售商城(另開新視窗)">

補充：

(修正後截圖)
21

#4

問題：

可能原因：

表個內容無法換自動換行，導致跑版，影響閱讀。

建議修改：

將表格結構重新排列，參考解法：行政院農業委員會-林文琦

#5

問題：

原始程式：

位置：https://www.cec.gov.tw/css/bootstrap.css:33

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

建議修改：

將寬度設為100%。

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
    width: 100%;
}

補充：

(修正後截圖)
23