客家委員會海外客家網-姿瑩

網站

客家委員會海外客家網

姓名

吳姿瑩

檢測日期

2018-05-15

檢測裝置

Samsung Galaxy A8 SM-A530F

作業系統 與 瀏覽器版本

Android 7.1.1
Chrome 61.0.3163.98

解析度(手機螢幕)

360X740 Pixels

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

壞掉的連結


跑版(影響閱讀)問題





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

出現亂碼

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

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

閱讀模式

我是安卓

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

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

哈客寫真的照片可以統整一下格式,如下圖所示,格式不一頁面有點不美觀。
10

問題:

可能原因:

不影響閱讀
設計問題

建議修改:

補充

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

問題:

可能原因:

RWD 沒設定好

原始程式:

第 543 行
<img alt="" src="https://ws.hakka.gov.tw/Upload/haka/221/ckfile/[email protected]" style="width: 500px; height: 332px;" />

建議修改:

第 543 行 新增class=“rwd_img”
<img class="rwd_img" alt="" src="https://ws.hakka.gov.tw/Upload/haka/221/ckfile/[email protected]" style="width: 500px; height: 332px;" />
第9行 新增

<style type="text/css">

    @media (min-width: 300px) and (max-width: 991px){
        .rwd_img{
            width: 100% !important;
            height: auto !important;
            }
    }
    
</style>

補充

image

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

問題:

可能原因:

連結錯誤

建議修改:

補充

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

問題:

可能原因:

RWD 沒設定好

原始程式:

https://global.hakka.gov.tw/css/detail.css 第 822 行
.css_tr tr th, .data_midlle_publish table tr th, .data_midlle_glossary div table tr th, .css_tr tr td, .data_midlle_publish table tr td, .data_midlle_glossary div table tr td {
    padding: 10px;
}
https://global.hakka.gov.tw/css/detail.css 第 1811 行
.content_middle .main .data_midlle table tr td {
    padding: 20px 0 0 0;

建議修改:

https://global.hakka.gov.tw/css/detail.css 第 822 行 修改為 padding: 5px 4px;
.css_tr tr th, .data_midlle_publish table tr th, .data_midlle_glossary div table tr th, .css_tr tr td, .data_midlle_publish table tr td, .data_midlle_glossary div table tr td {
    padding: 5px 4px;
}
https://global.hakka.gov.tw/css/detail.css 第 1811 行 修改為 padding: 5px 4px;
.content_middle .main .data_midlle table tr td {
    padding: 5px 4px;

補充

image

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