國防部空軍司令部-楊喻文

ray 國防部
, ,
#1

網站

國防部空軍司令部

姓名

楊喻文

檢測日期

2018-04-07

檢測裝置

OPPO A57

作業系統 與 瀏覽器版本

Android 6.0.1
Chrome版本：Chrome 65.0.3325.109

解析度（手機螢幕）

320x640 pixels

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

是

壞掉的連結

Screenshot_2018-04-07-22-02-27-40[1] Screenshot_2018-04-07-22-03-14-58[1]

Screenshot_2018-04-07-22-07-45-65[1]Screenshot_2018-04-07-22-07-51-10[1]

Screenshot_2018-04-07-22-10-51-13[1]Screenshot_2018-04-07-22-10-48-25[1]

Screenshot_2018-04-07-22-13-00-44[1]Screenshot_2018-04-07-22-12-58-38[1]

跑版（影響閱讀）問題

  • 首頁
    問題一：整個網站整個網站都可以左右拖曳(下圖一、二)，但是正常來說應該不行解法回文連結
    Screenshot_2018-04-07-17-12-58-61[1]Screenshot_2018-04-07-17-13-04-57[1]
    問題二：Welcome的e被吃掉一半了
    Screenshot_2018-04-07-17-07-49-61[1]
    問題三：FB頁面把上面的資訊吃掉了
    Screenshot_2018-04-07-17-08-04-02[1]
    問題四：選單拉開來長這樣解法回文連結
    Screenshot_2018-04-07-17-13-17-44[1]
  1. 影片太大
  2. 手機版影片點開後會自動變成全螢幕，但是全螢幕明顯不是360度的播放
  3. 手機版縮小後看起來更不是360度撥放，而是一群神奇影片的合成
  4. 電腦版變成一般影片了，也無法藉由拖曳來改變視角
    Screenshot_2018-04-07-21-47-48-68[1]
    Screenshot_2018-04-07-21-42-09-54[1]
    Screenshot_2018-04-07-21-42-39-22[1]
    image

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

出現亂碼

無

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

無

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

無解法回文連結

閱讀模式

我使用安卓

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

  • 首頁->影音專區
    每個影片點出來後面都會有「(彈出式窗並撥放影片)」的字樣，覺得是多的。英文版也有多的字。
    Screenshot_2018-04-07-18-58-23-48[1]

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

  • 首頁->關於空軍->本軍沿革->歷任(總)司令
    以 “第1任總司令 周至柔一級上將” 為例
    數字和英文在電腦版的看起來明明都是標楷體，手機的怎麼便成這種瘦瘦看不清楚的字體
    另外文字的顏色標的地方很奇怪，有些人任期括號中的字都是藍的(21、22任)，有些只有一些是藍的
    還有人人的格式跟別人的不一樣(17任)

Screenshot_2018-04-07-19-34-48-03[1]Screenshot_2018-04-07-19-35-11-88[1]

  • [首頁->空軍救援隊->救護隊歷年使用各機型之照片(首頁 - 中華民國空軍)
    可以直接在文字部分說明是哪一張圖就好，不用特別再用表格框起來又說明是哪一張圖，看起來很恐怖

Screenshot_2018-04-07-22-18-41-72[1]Screenshot_2018-04-07-22-18-45-88[1]

優點

  • 點過的項目會變顏色，大大提升我們檢測的方便性！
    Screenshot_2018-04-07-21-34-31-73[1]
  • 網站裡面也有放一些小故事或歷史故事，我也覺得很有趣
#2

問題

可能原因 & 建議修改

位置：首頁 - 中華民國空軍

.nav-mwt a {
    text-decoration: none;
    line-height: 2em;
    font-size: 1.2em;
    color: white;
    min-height: 2.813em;
    min-width: 2.813em;
    text-align: center;
}

把min-height砍掉

.nav-mwt a {
    text-decoration: none;
    line-height: 2em;
    font-size: 1.2em;
    color: white;
    /* min-height: 2.813em; */
    min-width: 2.813em;
    text-align: center;
}

補充

圖片

#3

雖然他說沒問題

但是我測到

圖片
光是load這個檔案跑了16.92秒…
而且電腦異常的燙，我有用水降溫

#4

問題

可能原因 & 建議修改

位置：首頁 - 中華民國空軍 : 478

<iframe title="國防部106年寒假戰鬥營紀實" src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FMilitarySpokesman%2Fvideos%2F1356118027784845%2F&amp;show_text=0&amp;width=560" ...
...

全部只要看到width跟height全部改成100%（反正不要pixel，除非要從css去@media做RWD）

補充

圖片
不想要影片這麼小的話就當初Grid切好一點