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

ray 交通部
, ,
#1

網站

綠色運輸宣導網站

姓名

盧苡萱

檢測日期

2018-05-18

檢測裝置

iphone7

作業系統 與 瀏覽器版本

iOS11.2

解析度（手機螢幕）

375x667

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

是

壞掉的連結

無

跑版（影響閱讀）問題

[color=red]文字跑版[/color]

[color=red]網頁跑版[/color]

[color=red]圖片跑版[/color]

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

無

出現亂碼

無

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

無

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

無

閱讀模式

不可以用

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

[color=red]網頁設計讓人覺得有點眼花撩亂[/color]

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

[color=red]建議若會另開新視窗，應在旁邊標明[/color]

#2

可能原因：

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

補充

41

#3

問題：

＃補充：

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

#4

問題：

可能原因：

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

補充

06