行政院原子能委員會全球資訊網 - 龎袿方

ray 原子能委員會
#1

網站

行政院原子能委員會全球資訊網

姓名

龎袿方

日期

2017-10-26

瀏覽器解析度（iOS的Safari填裝置名稱 macOS填瀏覽器解析度）

iPad Air (MD789TA/B)

作業系統版本

Windows 10 專業版
11.0.3 (15A432)

瀏覽器版本（iOS的Safari填iOS版本）

Chrome：版本 61.0.3163.100 (正式版本) (64 位元)
Safari：版本 11.0.3 (15A432)

有發現表格排版影響閱讀問題

圖1

有跑版（影響閱讀）問題

有出現亂碼

無

有壞掉的連結

無

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

無|N/A

有不能運作的網頁元素（如按鈕不能按、選單不能選等）

*(http://www.aec.gov.tw/關於本會/　放射性物料管理局--1_3120.html) [首頁][關於本會][放射性物料管理局]：
下方語音無法撥放 會顯示超過60秒

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

(http://www.aec.gov.tw/施政與法規/財團法人監督/薪資規定查考作業--2_17_1925.html) [首頁][施政與法規][財團法人監督][薪資規定查考作業]：
不解藍字與黑字的分別 兩者都可以點開

對此網站建議（給個建議吧）

  • 「緊急應變區」的內容是針對一般大眾的，但很多部分卻是滿滿的字。感覺可以做成像懶人包的讀物形式，並於旁輔以更深入資料的連結，將一般教育性資訊跟更深入的資訊做簡單的分流。例如，「我該怎麼做」的全篇就有機會做成整個懶人包型的讀物。
  • Safari 版本沒有麵包屑的服務，很容易迷失在各類分頁中。
#2

可能原因：

設定樣式錯誤 寫死寬度且沒有用等寬字體

原始程式：

<font color="#000066"> 
				
<div style="float:left; white-space:nowrap; width:80px; text-align:center; line-height: 100%">|&nbsp;<a target="_blank" href="/webpage/UploadFiles/report_file//20172962416135697.pdf" title="106年09月.pdf(另開新視窗)">106年09月</a>&nbsp;</div>		
/* ..... */		
</font>

建議修改：

<font color="#000066" style="word-break:keep-all;font-family:Courier New, Courier, monospace;"> 
    
<div style="float:left; white-space:nowrap;  text-align:center; line-height: 100%">|&nbsp;<a target="_blank" href="/webpage/UploadFiles/report_file//20172962416135697.pdf" title="106年09月.pdf(另開新視窗)">106年09月</a>&nbsp;</div>				
/* ..... */
</font>

補充：修改後的版面如下

#3

可能原因：

css 樣式設定不一樣

原始程式：

http://www.aec.gov.tw/webpage/style.css


.bk15{
	font-family: "微軟正黑體";
	word-break: break-all;
	/*text-align:justify;*/
	/*font-size: 15px;  20170713 開會放大字體 */
	font-size: 17px;
	color: #333;
}

建議修改：


.bk15{
	font-family: "微軟正黑體";
	word-break: break-all;
	/*text-align:justify;*/
	/*font-size: 15px;  20170713 開會放大字體 */
	font-size: 17px;
	padding: 10px;
	color: #333;
}

補充：修改後的版面如下