綠色運輸宣導網站-盧苡萱

網站

綠色運輸宣導網站

姓名

盧苡萱

檢測日期

2018-05-18

檢測裝置

iphone7

作業系統 與 瀏覽器版本

iOS11.2

解析度(手機螢幕)

375x667

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

壞掉的連結


跑版(影響閱讀)問題

文字跑版


網頁跑版


圖片跑版

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

出現亂碼

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

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

閱讀模式

不可以用

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

網頁設計讓人覺得有點眼花撩亂

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

建議若會另開新視窗,應在旁邊標明

可能原因:

RWD 設定錯誤

原始程式:

位置: http://greentransport.iot.gov.tw/:24

div.mod_search109 input[type="search"] {
    max-width: 100%;
    padding-right: 0;
}

建議修改:

div.mod_search109 input[type="search"] {
    max-width: 100%;
    padding-right: 0;
}

補充

問題:

#補充:

螢幕大小問題,可藉由調整字體或拆成兩行

問題:

可能原因:

RWD 設定錯誤

原始程式:

位置: 原始碼:375

<div class="contentDiv_1azf7pu" data-reactid="88" style="text-align: center;background: #f1f2f3;height: auto;max-height:  545px;font-family: 微軟正黑體, Arial, sans-serif;font-size: 16px;">
  <img class="contentImg_1x73jxz" src="https://imagelab.nownews.com/? 
w=1080&amp;q=85&amp;src=https://rssimg.nownews.com/images/5aba3042a402303d5b0414ad_201803271951.jpg" alt="▲屏科大由屏東客運的4輛電動大巴士加入校園賃居公車路線營運,開創智慧預約、綠色校園運輸新紀元。(圖/記者陳宗傑攝,2018.03.27)" data-reactid="89" style="height: auto;width: 100%;max-width: 970px;max-height: 545px;">
</div>

建議修改:

div.contentDiv_1azf7pu {
    text-align: center;
    background: #f1f2f3;
    height: auto;
    max-height: 545px;
    font-family: 微軟正黑體, Arial, sans-serif;
    font-size: 16px;
}
img.contentImg_1x73jxz{
    height: auto;
    width: 100%;
    max-width: 970px;
    max-height: 545px;
}

補充