能源局油價資訊管理與分析系統-劉佳慧

ray 經濟部
, ,
#1

網站

經濟部能源局油價資訊管理與分析系統

姓名

劉佳慧

檢測日期

2018-05-16

檢測裝置

ASUS_Z01KDA

作業系統 與 瀏覽器版本

Android 8.0.0
Chrome版本：Chrome 66.0.3359.158

解析度（手機螢幕）

螢幕解析度 360x640 pixels

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

否

壞掉的連結

無

跑版（影響閱讀）問題

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

無

出現亂碼

無

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

無

網站載入緩慢（相對一般網站）

無

閱讀模式

使用Android無閱讀模式

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

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

  • 只有兩頁，簡潔有力，若首頁油價能反應出本週或本日是漲跌會更好
#2

問題：

可能原因：

表格寬度設為固定數值，導致跑版，且前後文字大小不一。

原始程式：

  1. 新聞table，位置：view-source:經濟部能源局
    41行
<table bordercolor="#ffffff" cellspacing="0" bordercolordark="#ffffff" width="460px" bordercolorlight="#ff9933" border="0">
  1. 出版社td，位置：view-source:經濟部能源局
    46, 51, 56, 60, 66行
<td align="right">中央社-2018-05-24</td>

建議修改：

  1. 將table寬度改為百分比。
<table bordercolor="#ffffff" cellspacing="0" bordercolordark="#ffffff" width="100%" bordercolorlight="#ff9933" border="0">
  1. 將出版社td加入style="font-family: Verdana, 新細明體;font-size: 11px;"。
<td align="right" style="font-family: Verdana, 新細明體;font-size: 11px;">中央社-2018-05-24</td>

補充：

(修正後之截圖)
15

#3

問題：

可能原因：

表格寬度設為固定數值，導致跑版，且前後文字大小不一。

原始程式：

  1. 內外層table，位置：view-source:國內油價相關新聞
    外層，9行
<table bordercolor="#FFFFFF" bgcolor="#CCFFCC" bordercolorlight="#FF9933" bordercolordark="#FFFFFF" cellspacing="0" border="1" width="430">

內層，11行

<table border="0" cellspacing="0" cellpadding="2"  width="430">
  1. 表格內文字，位置：view-source:國內油價相關新聞
    19行~106行
<td align="right">中央社-2018-05-24</td>

建議修改：

  1. 將內外層table寬度皆改為百分比。
<table bordercolor="#ffffff" cellspacing="0" bordercolordark="#ffffff" width="100%" bordercolorlight="#ff9933" border="0">
  1. 將font裡的size標籤改為"10"，並在按鈕標籤中加入style="font-size: 40px;"。
<td align="right" style="font-family: Verdana, 新細明體;font-size: 11px;">中央社-2018-05-24</td>

補充：

(修正後之截圖)
16