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

ray 經濟部
, ,
#1

網站

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

姓名

吳姿瑩

檢測日期

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

#2

問題：

可能原因：

錯誤超連結問題

建議修改：

請修正連結

補充

無

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

無

#3

問題：

可能原因：

設計問題

建議修改：

無

補充

無

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

無

#4

問題：

可能原因：

設計問題

原始程式：

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)

無

#5

問題：

可能原因：

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)

無

#6

問題：

可能原因：

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

建議修改：

需要重新設計選單

補充

無

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

無

#7

問題：

可能原因：

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)

無