反毒大本營--楊珣

網站

反毒大本營

姓名

楊珣

檢測日期

2018-04-27

檢測裝置

Sony Xperia Ultra XA1

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本:Chrome 66.0.3359.117

解析度(手機螢幕)

360x640 pixels

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

壞掉的連結



跑版(影響閱讀)問題




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

出現亂碼

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

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

閱讀模式

使用anddroid系統

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

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

  • 覺得棒棒的地方

問題:

可能原因:

圖示在螢幕縮小後未置中。

原始程式:

位置: view-source:https://antidrug.moj.gov.tw/lp-1201-2.html
313行

<div class="col-lg-4 col-sm-4 col-xs-12">
  <a href="http://www.moj.gov.tw/mp001.html" target="_blank" title="法務部"><img alt="法務部" src="images/footer_logo_moj.png"></a>
  <a href="http://www.edu.tw/" target="_blank" title="教育部"><img alt="教育部" src="/Public/Images/201611/0781611231921a3a12.png"></a>
  <a href="http://www.mohw.gov.tw/" target="_blank" title="衛福部"><img alt="衛福部" src="/images/fda_logo.png"></a>
  <a href="#" title="反毒大本營"><img src="images/footer_logo_antidrug.png" alt="反毒大本營"></a>
</div>

建議修改:

在連接標籤中加入style="text-align:center;"

<div class="col-lg-4 col-sm-4 col-xs-12" style="text-align:center;">
  <a href="http://www.moj.gov.tw/mp001.html" target="_blank" title="法務部"><img alt="法務部" src="images/footer_logo_moj.png"></a>
  <a href="http://www.edu.tw/" target="_blank" title="教育部"><img alt="教育部" src="/Public/Images/201611/0781611231921a3a12.png"></a>
  <a href="http://www.mohw.gov.tw/" target="_blank" title="衛福部"><img alt="衛福部" src="/images/fda_logo.png"></a>
  <a href="#" title="反毒大本營"><img src="images/footer_logo_antidrug.png" alt="反毒大本營"></a>
</div>

補充:

(修正後之截圖)

問題:

可能原因:

文字在螢幕縮小後未置中。

原始程式:

位置: view-source:https://antidrug.moj.gov.tw/lp-1201-2.html
316行

<div class="col-lg-6 col-sm-6 col-xs-12">
  <div class="Footer_link">
    <a href="https://www.moj.gov.tw/np.asp?ctNode=27458&amp;mp=001" target="_gipNW" title="資訊安全政策">資訊安全政策</a>
    <a href="cp-116-78-2.html" title="隱私權保護宣告">隱私權保護宣告</a>
    <a href="lp-72-2.html" title="各地方毒品危害防制中心">各地方毒品危害防制中心</a>
    <a href="cp-1198-4661-2.html" title="民意信箱">民意信箱</a>
    <div class="Copyright">法務部 版權所有 © 2017&nbsp;Copyrights. All Rights Reserved.</div>
  </div>
</div>

建議修改:

在最外層div標籤中加入style="text-align:center;"

<div class="col-lg-6 col-sm-6 col-xs-12" style="text-align:center;">
  <div class="Footer_link">
    <a href="https://www.moj.gov.tw/np.asp?ctNode=27458&amp;mp=001" target="_gipNW" title="資訊安全政策">資訊安全政策</a>
    <a href="cp-116-78-2.html" title="隱私權保護宣告">隱私權保護宣告</a>
    <a href="lp-72-2.html" title="各地方毒品危害防制中心">各地方毒品危害防制中心</a>
    <a href="cp-1198-4661-2.html" title="民意信箱">民意信箱</a>
    <div class="Copyright">法務部 版權所有 © 2017&nbsp;Copyrights. All Rights Reserved.</div>
  </div>
</div>

補充:

(修正後之截圖)

問題:

可能原因:

表格已有設置水平滾輪供使用者滑動檢視。
如要改變表格結構可參考此篇:行政院農業委員會-林文琦

問題:

可能原因:

banner外層的div未設定寬度。

建議修改:

原始程式:

位置:https://antidrug.moj.gov.tw/xslGip/Kid2016/assets/module/slick/slick.css:17

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

建議修改:

加入寬度設定。

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
}

補充:

(修正後之截圖)