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

ray 國防部
, ,
#1

網站

國防部政治作戰局

姓名

吳姿瑩

檢測日期

(2018-04-20)

檢測裝置

Samsung Galaxy A8 SM-A530F

作業系統 與 瀏覽器版本

Android 7.1.1
Chrome版本：Chrome 61.0.3163.98

解析度（手機螢幕）

360X740 Pixels

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

是

壞掉的連結

無

跑版（影響閱讀）問題

政戰局1

*首頁
頁面跑版
繪圖
政戰2
政戰3

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

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

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

無

出現亂碼

無

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

無

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

無

閱讀模式

我是安卓

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

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

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

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

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

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

#2

問題：

可能原因：

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

建議修改：

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

位置： view-source:國防部政治作戰局-首頁-關於本局-政戰局簡介
470行
將此行<h2>本局簡介</h2>刪除。

補充：

(修正後之截圖)
36

#3

問題：

可能原因：

標題欄寬受限。

原始程式：

位置：view-source:國防部政治作戰局-首頁-關於本局-國軍友站連結
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>

補充：

(修正後之截圖)
37

#4

問題：

可能原因：

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

原始程式：

位置：view-source:國防部政治作戰局-首頁-莒光園地-文宣影片
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>

補充：

(修正後之截圖)
38

#5

問題：

可能原因：

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

原始程式：

位置：view-source:國防部政治作戰局-首頁
475行

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

建議修改：

將寬度改為百分比。

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

補充：

(修正後之截圖)
39