農業委員會農糧署吉園圃安全蔬果資訊網-林文琦

網站

農業委員會農糧署吉園圃安全蔬果資訊網

姓名

林文琦

檢測日期

2018-05-23

檢測裝置

Asus Zenfone4 Max

作業系統 與 瀏覽器版本

Android 7.1.1
Chrome版本:Chrome 65.0.3325.109

解析度(手機螢幕)

360x640 pixels

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

壞掉的連結



跑版(影響閱讀)問題

  • 首頁>Youtube
    頁面要縮小左右滑動才能看到完整的網頁
    頁面縮小左右滑動前
    2
    頁面縮小左右滑動後
    3

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

出現亂碼

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

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

閱讀模式

使用Android系統

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

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

網站設計不會太複雜,易於農民使用及查詢

問題:

可能原因:

RWD 沒設定好

原始程式:

第 220 行
<iframe width="450" height="256" src="//www.youtube.com/embed/tZ6Y_onUi4Y?rel=0" frameborder="0" allowfullscreen=""></iframe>

建議修改:

第 220 行 新增 class=“rwd_iframe”
<iframe class="rwd_iframe" src="//www.youtube.com/embed/tZ6Y_onUi4Y?rel=0" frameborder="0" 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)