郵政博物館─俞雋

網站

郵政博物館


姓名

俞雋


檢測日期

2018-05-13


檢測裝置

ASUS ZENFONE 3;型號:ASUS_Z017DA


作業系統 與 瀏覽器版本

作業系統:Android 8.0.0

瀏覽器版本:Chrome 65.0.3325.109


解析度(手機螢幕)

360*640 pixels, 24 bit


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


壞掉的連結


跑版(影響閱讀)問題

1.跑版但不影響閱覽

首頁>展覽報告

首頁>典藏研究>郵徑探幽「另見說明(2)」

首頁>郵博快訊「問題如說明(2)」

首頁>展覽活動>當期展覽

首頁>展覽活動>展覽回顧

說明:

(1)部分網頁元件佈置有些不整齊,所幸並未影響使用。如圖(一)。 // 解法回文連結
(2)此子條目下各分項之頁底元件均佈置混亂,如圖(二)。 // 解法回文連結

圖(一)

image

圖(二)

image


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


出現亂碼


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


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


閱讀模式

Android測試生


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

1.選單僅在首頁能正常呈現,在子分頁中均會消失,如圖(二)、(三)。

圖(二)

image

圖(三)

image


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

1.這個網站的網頁元件佈置略嫌紊亂,宜多加注意。

2.網頁選單僅能在首頁使用,變成使用者若要選擇頁面的話僅能在首頁進行,相當不方便,建議改善。

問題:

可能原因:

設計問題

原始程式:

http://museum.post.gov.tw/post/Postal_Museum/museum/css/responsive.css 第 353 行
@media screen and (max-width: 1024px)
.index-exhibition .head .review {
    float: left;
    width: 20%;
    font-size: 18px;
    margin-top: 21px;
    padding: 4px 2% 4px 2%;
    background: none #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

建議修改:

http://museum.post.gov.tw/post/Postal_Museum/museum/css/responsive.css 第 353 行 修改 font-size: 17px;
@media screen and (max-width: 1024px)
.index-exhibition .head .review {
    float: left;
    width: 20%;
    font-size: 17px;
    margin-top: 21px;
    padding: 4px 2% 4px 2%;
    background: none #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

補充

image

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

問題:

可能原因:

RWD 沒設定好

原始程式:

http://museum.post.gov.tw/post/Postal_Museum/museum/css/basic.css 第 484 行
.page-control {
    text-align: center;
    display: block;
    margin: 25px 0 30px 0; 
    padding-top: 6px; 
    float: left;
    width: 100%;
}
http://museum.post.gov.tw/post/Postal_Museum/museum/css/basic.css 第 512 行
.page-control .next {
    background: url(../images/arr_next_small.png) right 0 no-repeat;
    padding-right: 27px;
    width: 200px;
    display: block;
    text-align: right;
    float: right;
    line-height: 25px;
    margin-top: -25px;
}

建議修改:

http://museum.post.gov.tw/post/Postal_Museum/museum/css/basic.css 第 484 行 刪除 margin: 25px 0 30px 0; padding-top: 6px; 增加 height: 100px;
.page-control {
    text-align: center;
    display: block;
    /* margin: 25px 0 30px 0; */
    /* padding-top: 6px; */
    float: left;
    width: 100%;
    height: 100px;
}
http://museum.post.gov.tw/post/Postal_Museum/museum/css/basic.css 第 512 行 修改 margin-top: 50px;
.page-control .next {
    background: url(../images/arr_next_small.png) right 0 no-repeat;
    padding-right: 27px;
    width: 200px;
    display: block;
    text-align: right;
    float: right;
    line-height: 25px;
    margin-top: 50px;
}

補充

image

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