水土保持與農村再生教育網--楊珣

網站

水土保持與農村再生教育網

姓名

楊珣

檢測日期

2018-05-22

檢測裝置

Sony Xperia Ultra XA1

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本:Chrome 66.0.3359.170

解析度(手機螢幕)

360x640 pixels

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

壞掉的連結

  • 首頁 > 最新消息(大專生洄游臺南七股十份里 開創漁村新未來之外都沒有連結內容顯示)
  • 首頁(環境E學院、水精靈星球、農村市集通、水土保持局兒童版、泥岩教育網皆有連結壞掉的問題)
    擷取66

跑版(影響閱讀)問題




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

出現亂碼

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

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

閱讀模式

使用 Andriod系統

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

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

  • 需要改進的地方
  • 1.倘若有外部連結,應標註外部連結字樣。

問題:

可能原因:

RWD 沒設定好
設計問題

原始程式:

第 184 行
<div class='col-xs-4 col-md-2' style='text-align:center;margin:0 0 20px 0;'><div style='padding:10px;background-color:#ededed;height:200px;'><a href='library.asp?detail=true&ga_no=GA2013091410280801' title='滴水培土:守護大地一世情:行政院農業委員會水土保持局50周年局志'><img title='滴水培土:守護大地一世情:行政院農業委員會水土保持局50周年局志' src='images/loading.gif' alt='GA2013091410280801&isThumb=true' class='img-thumbnail' style='height:136px;'><div class='caption'>滴水培土:守護大地一世...</div></a></div></div><div class='col-xs-4 col-md-2' style='text-align:center;margin:0 0 20px 0;'><div style='padding:10px;background-color:#ededed;height:200px;'><a href='library.asp?detail=true&ga_no=GA2014061416260501' title='農村散步'><img title='農村散步' src='images/loading.gif' alt='GA2014061416260501&isThumb=true' class='img-thumbnail' style='height:136px;'><div class='caption'>農村散步</div></a></div></div><div class='col-xs-4 col-md-2' style='text-align:center;margin:0 0 20px 0;'><div style='padding:10px;background-color:#ededed;height:200px;'><a href='library.asp?detail=true&ga_no=GA2014021109522401' title='農村好樣--奔向機會大道,台灣農村正青春'><img title='農村好樣--奔向機會大道,台灣農村正青春' src='images/loading.gif' alt='GA2014021109522401&isThumb=true' class='img-thumbnail' style='height:136px;'><div class='caption'>農村好樣--奔向機會大...</div></a></div></div><div class='col-xs-4 col-md-2' style='text-align:center;margin:0 0 20px 0;'><div style='padding:10px;background-color:#ededed;height:200px;'><a href='library.asp?detail=true&ga_no=GA2014061321340201' title='跟著蝴蝶去旅行'><img title='跟著蝴蝶去旅行' src='images/loading.gif' alt='GA2014061321340201&isThumb=true' class='img-thumbnail' style='height:136px;'><div class='caption'>跟著蝴蝶去旅行</div></a></div></div><div class='col-xs-4 col-md-2' style='text-align:center;margin:0 0 20px 0;'><div style='padding:10px;background-color:#ededed;height:200px;'><a href='library.asp?detail=true&ga_no=GA2014061418395901' title='溪北叨位去~來去溪北故事集'><img title='溪北叨位去~來去溪北故事集' src='images/loading.gif' alt='GA2014061418395901&isThumb=true' class='img-thumbnail' style='height:136px;'><div class='caption'>溪北叨位去~來去溪北故...</div></a></div></div>

建議修改:

第 184 行 修改 div class=‘col-xs-12 col-md-2’
<div class='col-xs-12 col-md-2' style='text-align:center;margin:0 0 20px 0;'><div style='padding:10px;background-color:#ededed;height:200px;'><a href='library.asp?detail=true&ga_no=GA2013091410280801' title='滴水培土:守護大地一世情:行政院農業委員會水土保持局50周年局志'><img title='滴水培土:守護大地一世情:行政院農業委員會水土保持局50周年局志' src='images/loading.gif' alt='GA2013091410280801&isThumb=true' class='img-thumbnail' style='height:136px;'><div class='caption'>滴水培土:守護大地一世...</div></a></div></div><div class='col-xs-12 col-md-2' style='text-align:center;margin:0 0 20px 0;'><div style='padding:10px;background-color:#ededed;height:200px;'><a href='library.asp?detail=true&ga_no=GA2014061416260501' title='農村散步'><img title='農村散步' src='images/loading.gif' alt='GA2014061416260501&isThumb=true' class='img-thumbnail' style='height:136px;'><div class='caption'>農村散步</div></a></div></div><div class='col-xs-12 col-md-2' style='text-align:center;margin:0 0 20px 0;'><div style='padding:10px;background-color:#ededed;height:200px;'><a href='library.asp?detail=true&ga_no=GA2014021109522401' title='農村好樣--奔向機會大道,台灣農村正青春'><img title='農村好樣--奔向機會大道,台灣農村正青春' src='images/loading.gif' alt='GA2014021109522401&isThumb=true' class='img-thumbnail' style='height:136px;'><div class='caption'>農村好樣--奔向機會大...</div></a></div></div><div class='col-xs-12 col-md-2' style='text-align:center;margin:0 0 20px 0;'><div style='padding:10px;background-color:#ededed;height:200px;'><a href='library.asp?detail=true&ga_no=GA2014061321340201' title='跟著蝴蝶去旅行'><img title='跟著蝴蝶去旅行' src='images/loading.gif' alt='GA2014061321340201&isThumb=true' class='img-thumbnail' style='height:136px;'><div class='caption'>跟著蝴蝶去旅行</div></a></div></div><div class='col-xs-12 col-md-2' style='text-align:center;margin:0 0 20px 0;'><div style='padding:10px;background-color:#ededed;height:200px;'><a href='library.asp?detail=true&ga_no=GA2014061418395901' title='溪北叨位去~來去溪北故事集'><img title='溪北叨位去~來去溪北故事集' src='images/loading.gif' alt='GA2014061418395901&isThumb=true' class='img-thumbnail' style='height:136px;'><div class='caption'>溪北叨位去~來去溪北故...</div></a></div></div>

補充

image

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

問題:

可能原因:

設計問題

建議修改:

請重新設計版型

補充

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

問題:

可能原因:

RWD 沒設定好

原始程式:

第 209 行
<iframe title='Youtube Player' src='https://www.youtube.com/embed/aK3XB1DroUc' style='border:0;width:560px;height:315px;' allowfullscreen></iframe>

建議修改:

第 209 行 新增 class=“rwd_iframe”
<iframe class="rwd_iframe" title='Youtube Player' src='https://www.youtube.com/embed/aK3XB1DroUc' style='border:0;width:560px;height:315px;' allowfullscreen></iframe>
第9行 新增

<style type="text/css">

    @media (min-width: 300px) and (max-width: 991px){
        .rwd_iframe{
            width: 100% !important;
            height: auto !important;
            }
    }
    
</style>

補充

image

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

問題:

可能原因:

RWD 沒設定好

原始程式:

第 146-158 行 修改方式以部分程式碼為範例
<div class='col-md-3 col-sm-4 col-xs-6'>
<div style='text-align:center;font-size:1.25em;height:300px;width:214px;margin:0 0 20px 0;'><a href='activephotos.asp?detail=true&al_no=AL2017120615463501'>水保防災疊疊樂試教活動<br><img alt='IM2017120616005701' src='images/loading.gif' class='img-thumbnail' style='width:214px;height:160px;'></a><div class='caption' style='text-align:center;color:#bcbcbc'><span class='glyphicon glyphicon-camera' style='margin: 0 15px 0 0;'></span>55 photos</div><hr style='height:0.5pt;'></div></div><div class='col-md-3 col-sm-4 col-xs-6'>

建議修改:

第 146-158 行 修改 col-xs-12 刪除 height:300px; width:214px; margin:0;
<div class='col-md-3 col-sm-4 col-xs-12'>
<div style='text-align:center;font-size:1.25em;margin:0;'><a href='activephotos.asp?detail=true&al_no=AL2017120615463501'>水保防災疊疊樂試教活動<br><img alt='IM2017120616005701' src='images/loading.gif' class='img-thumbnail' style='width:214px;height:160px;'></a><div class='caption' style='text-align:center;color:#bcbcbc'><span class='glyphicon glyphicon-camera' style='margin: 0 15px 0 0;'></span>55 photos</div><hr style='height:0.5pt;'></div></div><div class='col-md-3 col-sm-4 col-xs-6'>

補充

image

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

問題:

可能原因:

後端資料問題

建議修改:

此問題前端無法解決

補充

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