公共政策網路參與平臺-楊喻文

網站

公共政策網路參與平臺

姓名

楊喻文

檢測日期

2018-05-18

檢測裝置

OPPO A57

作業系統 與 瀏覽器版本

Android 6.0.1
Chrome版本:Chrome 65.0.3325.109

解析度(手機螢幕)

320x640 pixels

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


壞掉的連結


跑版(影響閱讀)問題





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


出現亂碼


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


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


閱讀模式

我使用安卓


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




  1. 很多是連回一般版或是不像行動版的網站
    ex.內政部、外交部、財政部、教育部、經濟部、交通部、文化部、衛福部(還不安全)、勞動部、金融監督管理委員會、海巡署、農委會、中央銀行、院長信箱
  2. 還有無法連結的
    ex.國防部、
  3. 更勝者還有根本不是連到該部門連絡位置的
    ex.法務部、
  4. 行政院公共工程委員會網址該更新瞜~
  5. 林林總總列舉一堆,發現還是有很多是好的
    ex.科技部、僑務委員會、國軍退除役官兵輔導委員會、原委會、客委會、國發會、中選會、通訊傳播委員會…等解法連結

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

  • 首頁->行政院->網站導覽->提點子
    此網站一開始介紹的是提點子,他的網站第一部分寫的如何提點子,但是後面出現了其他提議以及相關部會的回應。我原本只覺得這個設計有點怪,看到網站再更後面出現了如何提議、如何參與附義等,我發現這個設計是真的很怪,明明一開始教學提點子,後面也是教學,中間出現與教學無關的東西讓我覺得怪怪的,這部分應該在多著墨一點。


  1. 預算上面的圖標應該可以標是一下紅色與綠色分別代表什麼意思
  2. 框框可以點開來,但是我點開了之後就不知道怎麼回去原本的很多框框了 :sweat_smile::sweat_smile:

想分享一下

問題

可能原因

span裡的字沒換行,以及下面有一向div寬度過寬

原始程式

位置:
https://join.gov.tw/styles/theme_16.3.css?v=1.0&t=1523189603:1
https://join.gov.tw/styles/policies.css?v=1.0:1

.page_banner h2 span {
	text-transform: uppercase;
	display: block;
	line-height: 60px;
	font-size: 45px;
	font-family: 'Microsoft JhengHei','Ubuntu',sans-serif;
}

.policies .state_show li .tag {
	position: relative;
	display: block;
	top: auto;
	left: auto;
	margin: 0 auto;
}

建議修改

強制換行,div寬度設100%

.page_banner h2 span {
	text-transform: uppercase;
	display: block;
	line-height: 60px;
	font-size: 45px;
	font-family: 'Microsoft JhengHei','Ubuntu',sans-serif;
	word-wrap: break-word;
}

.policies .state_show li .tag {
	position: relative;
	display: block;
	top: auto;
	left: auto;
	margin: 0 auto;
	width: 100%;
}

補充

33

問題

可能原因

圖片跑板

原始程式

位置:
https://tainan.join.gov.tw/policies/detail/a12cacfc-f4d4-4ac0-8969-c8d313d0bc13:675

<p><img alt="示意圖" src="/ck/userfiles/bkNMWWoxQ1B6c1E9/policy/20180517143826094.png"></p></div>

建議修改

若讓其寬度為100%會導致圖片縮很小不利觀看,所以這邊使用overflow:auto;

<p style="overflow:auto;"><img alt="示意圖" src="/ck/userfiles/bkNMWWoxQ1B6c1E9/policy/20180517143826094.png"></p></div>

補充

34

問題

可能原因

感覺是有特殊設計,但是不知道為什麼連結有正確但沒有對內容有影響

問題

建議修改

圖片可以換解析度高一點的,而旁邊的框框應該是分享數所以正常。

問題

可能原因

因為總共只有一頁,所以沒有下一頁屬於正常狀態

問題

可能原因

因為連結是連到外部網站,所以只能建議通知那些單位修改

問題

可能原因

下方評論的選單跑板,原本前端作法試想讓下面的span修飾選單,並把select藏起來。但是select在那個位置的width:100%;會參照到最上層,所以寬度也就是100vw。所以左邊的加上選單的100%就會把頁面向右推出。firefox上的select好像也會有這個問題,但不知道為何沒有導致跑板,猜測firefox判斷select是hidden就不會去布局它了。

原始程式

位置:
https://join.gov.tw/styles/theme_16.gpivp.css?v=1.9&t=467733121:1

@media screen and (max-width: 768px)
.discuss_top ul:first-child li select {
    width: 100%; 
}

建議修改

width:100%;拿掉,讓它自己填滿。

@media screen and (max-width: 768px)
.discuss_top ul:first-child li select {
    /* width: 100%; */
}

補充