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

ray 國家發展委員會
, ,
#1

網站

公共政策網路參與平臺

姓名

楊喻文

檢測日期

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.科技部、僑務委員會、國軍退除役官兵輔導委員會、原委會、客委會、國發會、中選會、通訊傳播委員會…等解法連結
    90994

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

  • 首頁->行政院->網站導覽->提點子
    此網站一開始介紹的是提點子，他的網站第一部分寫的如何提點子，但是後面出現了其他提議以及相關部會的回應。我原本只覺得這個設計有點怪，看到網站再更後面出現了如何提議、如何參與附義等，我發現這個設計是真的很怪，明明一開始教學提點子，後面也是教學，中間出現與教學無關的東西讓我覺得怪怪的，這部分應該在多著墨一點。
  1. 預算上面的圖標應該可以標是一下紅色與綠色分別代表什麼意思
  2. 框框可以點開來，但是我點開了之後就不知道怎麼回去原本的很多框框了 :sweat_smile::sweat_smile:
    90988 90990

想分享一下

#2

問題

可能原因

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

#3

問題

可能原因

圖片跑板

原始程式

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

#4

問題

可能原因

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

#5

問題

建議修改

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

#6

問題

可能原因

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

#7

問題

可能原因

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

#8

問題

可能原因

下方評論的選單跑板，原本前端作法試想讓下面的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%; */
}

補充

tw_acts_detail_283aa2e0-9558-47bb-b45a-3972b8fded31