行政員環境保護署低碳永續家園資訊網-柯宥辰

網站

行政員環境保護署低碳永續家園資訊網

姓名

柯宥辰

檢測日期

2018-05-04

檢測裝置

i6
MacBook Pro (13-inch, 2017, Four Thunderbolt 3 Ports)

作業系統 與 瀏覽器版本

ios 10.12.6

解析度(手機螢幕)

375*667 pixels

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

壞掉的連結


跑版(影響閱讀)問題 解法回文




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

出現亂碼

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

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

閱讀模式

不可以用

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

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


  • 沒有麵包屑!!!

問題

可能原因:

CSS 設定錯誤

原始程式:

位置:https://lcss.epa.gov.tw/LcssViewPage/Responsive/ActMain.aspx?actmain=A&id=1:90

.resBgSet > div > a {
    display: block;
    height: 55px;
    background-position: center center;
    background-repeat: no-repeat;
}

建議修改:

.resBgSet > div > a {
    display: block;
    height: 55px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

補充

問題

可能原因:

CSS 設定錯誤

原始程式:htmlContent.css:29

.htmlContent img {
    margin: 7px;
}

建議修改:

.htmlContent img {
    margin: 7px;
    max-width: 100%;
}

表格:
RWD的CSS對於表格沒做處理,也不應該在一開始就寫死寬度,也建議別使用table,可以改用別的方式實作RWD,在這邊我用最不好的方式以解決目前跑板問題,希望能改變寫法
overflow: scroll

補充

問題

補充

建議別使用table,可以改用別的方式實作RWD,可以使用grid會比較好做rwd

問題

可能原因:

CSS 設定錯誤

原始程式:

https://lcss.epa.gov.tw/App_Themes/LcssBootstrap3/Content/2_reset.css:71

.affix {
    position: fixed;
    top: 60px;
    width: 263px;
}

https://lcss.epa.gov.tw/App_Themes/LcssBootstrap3/Content/0_bootstrap.css:6145

.affix {
    position: fixed;
}

建議修改:

都把position: fixed;拿掉

補充