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

ray 環境保護署
, ,
#1

網站

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

姓名

柯宥辰

檢測日期

2018-05-04

檢測裝置

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

作業系統 與 瀏覽器版本

ios 10.12.6

解析度（手機螢幕）

375*667 pixels

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

是

壞掉的連結

  • 無

跑版（影響閱讀）問題 解法回文

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

無

出現亂碼

無

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

無

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

無

閱讀模式

不可以用

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

無

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

  • 沒有麵包屑！！！
#2

問題

可能原因：

CSS 設定錯誤

原始程式：

位置：會員登入 |【低碳永續家園】資訊網

.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%;
}

補充

05

#3

問題

可能原因：

CSS 設定錯誤

原始程式：htmlContent.css:29

.htmlContent img {
    margin: 7px;
}

建議修改：

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

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

補充

08

#5

問題

補充

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

#6

問題

可能原因：

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;拿掉

補充

33