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

網站

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

姓名

劉佳慧

檢測日期

2018-05-16

檢測裝置

ASUS_Z01KDA

作業系統 與 瀏覽器版本

Android 8.0.0
Chrome版本:Chrome 66.0.3359.158

解析度(手機螢幕)

螢幕解析度 360x640 pixels

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

壞掉的連結


跑版(影響閱讀)問題


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

出現亂碼

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

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

閱讀模式

使用Android無閱讀模式

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

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

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

問題:

可能原因:

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

原始程式:

  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

問題:

可能原因:

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

原始程式:

  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