經濟部台灣電力(股)公司台電綠網-姿瑩

網站

經濟部台灣電力(股)公司台電綠網

姓名

吳姿瑩

檢測日期

2018-05-15

檢測裝置

Samsung Galaxy A8 SM-A530F

作業系統 與 瀏覽器版本

Android 7.1.1
Chrome 61.0.3163.98

解析度(手機螢幕)

360X740 Pixels

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

壞掉的連結


跑版(影響閱讀)問題






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

出現亂碼

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

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

閱讀模式

我是安卓

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

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

網站內很多圖片在手機板無法完全顯示,但電腦版可以正常顯示,建議改善
11
12
14
13

問題:

可能原因:

錯誤超連結問題

建議修改:

請修正連結

補充

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

問題:

可能原因:

設計問題

建議修改:

補充

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

問題:

可能原因:

設計問題

原始程式:

http://greennet.taipower.com.tw/css/S-slider.css 第 232 行
.slick-prev {
    left: -25px;
}
http://greennet.taipower.com.tw/css/S-slider.css 第 250 行
.slick-next {
    right: -25px;
}

建議修改:

http://greennet.taipower.com.tw/css/S-slider.css 第 232 行 修改 left: -10px;
.slick-prev {
    left: -10px;
}
http://greennet.taipower.com.tw/css/S-slider.css 第 250 行 修改 right: -10px;
.slick-next {
    right: -10px;
}

補充

image

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

問題:

可能原因:

RWD 沒設定好

原始程式:

第 303 行
<div class="EventsPage" style="height:80%; margin-bottom:20px">
第 309 行
<div class="fill" style="background-image:url(../uploadphoto/theme/imageIndex/banner-greenlife-case14.jpg); background-position:center;"></div>

建議修改:

第 309 行 新增 class=“rwd_img”
<div class="fill rwd_img" style="background-image:url(../uploadphoto/theme/imageIndex/banner-greenlife-case14.jpg); background-position:center;"></div>
第 303 行 新增 class=“rwd_div”
<div class="EventsPage rwd_div" style="height:80%; margin-bottom:20px">
第9行 新增

<style type="text/css">

    @media (min-width: 300px) and (max-width: 991px){
        .rwd_img{
            background-position: center !important;
            background-size: 100% !important;
            background-repeat: no-repeat !important;
            }
        .rwd_div{
            height:200px !important; 
            }
    }
    
</style>

補充

image

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

問題:

可能原因:

RWD 沒設定好
不影響閱讀
設計問題

建議修改:

需要重新設計選單

補充

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

問題:

可能原因:

RWD 沒設定好

原始程式:

http://greennet.taipower.com.tw/css/TaiPowerStyle.css?20180214 第 869 行
@media (max-width: 767px)
.FocusPicBox, .FocusInfo {
    height: 200px;
}

建議修改:

http://greennet.taipower.com.tw/css/TaiPowerStyle.css?20180214 第 869 行
@media (max-width: 767px)
.FocusPicBox, .FocusInfo {
    height: 100%;
}

補充

image

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