政府研究資訊系統GRB-高偉庭

網站

政府研究資訊系統GRB

姓名

高偉庭

檢測日期

2018-05-23

檢測裝置

Samsung Galaxy S7 edge

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本:Chrome 64.0.3325.109

解析度(手機螢幕)

360x640 pixels

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

壞掉的連結


跑版(影響閱讀)問題

  1. 首頁網站資源>系統公告>幾乎每一項
    首頁網站資源>研究計畫徵求與學研活動>幾乎每一項
    首頁網站資源>下載專區>幾乎每一項
    首頁網站資源>關於我們>管理辦法
    2018-05-23_135129
    文字顯示不完全但可滑動解法回文連結

  1. 首頁>研發投入動態統計看更多>研究方式分析
    最右側數字顯示不全解法回文連結
    2018-05-23_140121

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

出現亂碼

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

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

閱讀模式

不適用

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

  1. 首頁
    點按這邊的按鈕只會移動到首頁下方相關的項目,既然都放在首頁了這些按鈕其實有點多餘
    2018-05-23_134449

  1. 首頁>分析報告總覽
    有張圖片壞掉了
    2018-05-23_134734

  1. 首頁點按研究計畫專題式服務的看更多
    首頁>網站資源>訓練課程報名>線上報名
    會跳到電腦版

  1. 首頁漢堡點按計畫主管機關
    沒有內容ㄟ
    2018-05-23_135612

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

  1. 建議把首頁出現的選項 e.g. 研發投入動態統計、分析報告等放入漢堡選單中,不然現在漢堡選單裡的東西很少、部分與首頁出現過的東西重疊,統一放入漢堡選單裡可讓民眾使用更方便
  2. 我覺得許多內容(e.g. 系統公告)可以獨立出來一頁,不要只是跳出一個框框,這樣反而閱讀、轉貼不便

問題

跑版(影響閱讀)問題

可能原因

濫用table+固定大小table row/ col+可以用word-break: break-all

建議修改

主要就是用到table的地方都調成100%,然後文字部份都加上word-break: break-all

<table align="center" border="0" cellpadding="1" cellspacing="1" height="100%" width="100%">
	<tbody>
		<tr>
			<td style="text-align: center">
				<p>
					<br>
					<span style="font-size: 14px">  </span></p>
			</td>
			<td>
				<table align="center" border="0" cellpadding="1" cellspacing="1" height="100%" width="100%">
					<tbody>
						<tr>
							<td>
								<p>
									<span style="font-size:16px;">1.</span></p>
							</td>
							<td>
								<p style="text-align: justify;">
									<span style="font-size: 12px"><span style="font-size:16px;word-break:  break-all;">政府研究資訊系統(Government Research Bulletin, 簡稱 GRB)收錄82年迄今行政院所屬各機關研究計畫資料,並就可公開之研究計畫資料提供查詢、瀏覽及全文下載。</span></span></p>

補充

image

問題

建議修改

可以參考d3.js或是直接不要用絕對固定的值輸出svg