中央選舉委員會-楊喻文

網站

中央選舉委員會

姓名

楊喻文

檢測日期

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 ~

問題:

可能原因:

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

問題:

可能原因:

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

原始程式:

<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

問題:

可能原因:

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

建議修改:

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

問題:

原始程式:

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