經濟部-邵嘉嶸

ray 經濟部
, ,
#1

網站

經濟部

姓名

邵嘉嶸

檢測日期

2018-04-02

檢測裝置

iPhone 7

作業系統 與 瀏覽器版本

iOS 11.3

解析度（手機螢幕）

375x667 pixels

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

是

壞掉的連結

跑版（影響閱讀）問題

以下圖片皆跑出頁面solution

多項表格跑出頁面 可在父層加上 style=‘overflow: scroll’

多項內文跑版(解決回文連結)

全部影音頁面內容說明圖片皆跑版

內文脫版(解決回文連結)

多項地圖跑版(解決回文連結)

上方搜尋處沒排好(解決回文連結)

多項底部沒排好(解決回文連結)

多項上方標題未對齊(解決回文連結)

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

出現亂碼

無

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

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

無

閱讀模式

不可以用

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

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

整體資訊很清楚但是小細節要注意，也要注意表格更改後的規劃

#2

問題：

排版不佳

可能原因：

圖片靠右對齊有設margin, 擠壓到旁邊文字

原始程式：

<div style="text-align: right;"><img alt="經濟部代理部長沈榮津照片" src="/MNS/main/content/wHandEditorFile.ashx?file_id=6107" style="width: 170px;height: 218px;margin-right: 60px;margin-left: 60px;float: right;"></div>

建議修改：

嘗試改變排版

<div style="/* text-align: right; */"><img alt="經濟部代理部長沈榮津照片" src="/MNS/main/content/wHandEditorFile.ashx?file_id=6107" style="width: 170px;height: 218px;/* margin-right: 60px; *//* margin-left: 60px; *//* float: right; */margin-bottom: 10px;"></div>

37 PM

補充

結尾(選填，可增加網站建議)

經濟部能源局-鐘弘育
#3

問題：

文字敘述沒對齊

可能原因：

設計不良

原始程式：

.serial_text_7 {
     margin-left:7em;
     text-indent:-7em;
}

建議修改：

.serial_text_7 {
    /* margin-left:7em; */
    /* text-indent:-7em; */
}

可能加個換行！？
11 AM

補充

結尾(選填，可增加網站建議)

#4

問題：

發布日期分行

可能原因：

沒換行

原始程式：

<div>種類：活動訊息&nbsp;&nbsp;發布單位：秘書室&nbsp;&nbsp;發布日期：2018-04-02 13:44</div>

建議修改：

<ul>
    <li>種類：活動訊息&nbsp;&nbsp;</li>
    <li>發布單位：秘書室&nbsp;&nbsp;</li>
    <li>發布日期：2018-04-02 13:44</li>
    </ul>

48 AM

補充

結尾(選填，可增加網站建議)

#5

問題：

圖太大

可能原因：

寬高血死

原始程式：

<img alt="大韓民國" src="/MNS/main/content/wHandEditorFile.ashx?file_id=5572" style="width: 820; height: 1131px; ">

建議修改：

<img alt="大韓民國" src="/MNS/main/content/wHandEditorFile.ashx?file_id=5572" style="width: 100%;/* height: 1131px; */">

補充

只拿一張圖舉例
雖然有些圖不適合縮小放
但是不重畫的情況只能這樣了

結尾(選填，可增加網站建議)