國防部政治作戰局-吳姿瑩

網站

國防部政治作戰局

姓名

吳姿瑩

檢測日期

(2018-04-20)

檢測裝置

Samsung Galaxy A8 SM-A530F

作業系統 與 瀏覽器版本

Android 7.1.1
Chrome版本:Chrome 61.0.3163.98

解析度(手機螢幕)

360X740 Pixels

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

壞掉的連結


跑版(影響閱讀)問題




*首頁
頁面跑版




*首頁>全民國防教育>多媒體專區>文宣影片
影片跑版,每一個文宣影片連結點進去都有跑版問題解法回文連結


首頁>政府資訊公開>政府資訊公開
跑版 解法回文連結


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

出現亂碼

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

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

閱讀模式

我是安卓

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

首頁>眷村改建工作
上稿日期順序不一致


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

首頁>心理衛生中心>心輔協助資源
留空過多

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

文字很多,建議可多加圖片將文字視覺化
宣傳影片收視可以多加一點影片

問題:

可能原因:

兩個標題已有更改做區隔。
如圖:

建議修改:

保留美化過的標題,將第二個小標題移除。

位置: view-source:https://gpwd.mnd.gov.tw/Publish.aspx?cnid=32
470行
將此行<h2>本局簡介</h2>刪除。

補充:

(修正後之截圖)

問題:

可能原因:

標題欄寬受限。

原始程式:

位置:view-source:https://gpwd.mnd.gov.tw/Publish.aspx?cnid=567
477行

<tr>
    <td class="style13" style="background-color: white" width="33%"><a id="ds__ctl0_HyperLink9"><font color="#0066cc" size="4"><strong><span style="font-size: 1.15em">【國軍單位】</span></strong></font></a></td>
    <td class="style16" style="background-color: white" width="33%"><font size="3">&nbsp;</font></td>
    <td style="background-color: white" width="33%"><font size="3">&nbsp;</font></td>
</tr>

建議修改:

將標題標籤加入colspan="3",並把後兩行<td></td>刪除。

<tr>
<td colspan="3" class="style13" style="background-color: white" width="33%"><a id="ds__ctl0_HyperLink9"><font color="#0066cc" size="4"><strong><span style="font-size: 1.15em">【國軍單位】</span></strong></font></a></td>    
</tr>

補充:

(修正後之截圖)

問題:

可能原因:

youtube供嵌入用的iframe原始碼是固定尺寸,因此無法隨著螢幕縮放。

原始程式:

位置:view-source:https://gpwd.mnd.gov.tw/Publish.aspx?cnid=587&p=5222
475行

<p align="center">
    <iframe title="捍衛領空,捨我其誰" height="315" src="https://www.youtube.com/embed/r_GaTpuDtJA" frameborder="0" width="560" allowfullscreen="" allow="autoplay; encrypted-media"></iframe>
</p>

建議修改:

  1. <head></head>中新增以下CSS。
.video-container {

position: relative;

padding-bottom: 56.25%;

padding-top: 30px;

height: 0;

overflow: hidden;

}

.video-container iframe, .video-container object, .video-container embed {

position: absolute;

top: 0;left: 0;

width: 100%;

height: 100%;
}

  1. 在youtube提供的iframe原始碼外層加入<div class="video-container"></div>
<p align="center">
    <div class="video-container">
        <iframe title="捍衛領空,捨我其誰" height="315" src="https://www.youtube.com/embed/r_GaTpuDtJA" frameborder="0" width="560" allowfullscreen="" allow="autoplay; encrypted-media"></iframe>
    </div>
</p>

補充:

(修正後之截圖)

問題:

可能原因:

表格寬度設為固定數值,導致跑版。

原始程式:

位置:view-source:https://gpwd.mnd.gov.tw/Publish.aspx?cnid=581
475行

<table style="height: 310px; width: 872px" cellspacing="1" cellpadding="1" width="872" summary="政府資訊公開" border="0">

建議修改:

將寬度改為百分比。

<table cellspacing="1" cellpadding="1" width="100%" summary="政府資訊公開" border="0">

補充:

(修正後之截圖)