國軍退除役官兵輔導委員會全球心肌梗塞照護網-邵嘉嶸

網站

全球心肌梗塞照護網


姓名

邵嘉嶸


檢測日期

2018-04-20


檢測裝置

iPhone 7


作業系統 與 瀏覽器版本

iOS 11.3


解析度(手機螢幕)

375x667 pixels


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


壞掉的連結



跑版(影響閱讀)問題






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

  • 首頁
    最上面的bar,球(English)跟手機(app)無法使用,在最上面時網站導覽(最左邊的)會被遮住
    此外沒有解釋會不知道是哪一個(解法回文連結)


出現亂碼


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


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


閱讀模式

可以用


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

  • 首頁
    標頭的比例很怪,英文應該要比較小,而且要留空(解法回文連結)

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

  • 有互動設計跟動畫很有趣

  • 問答區很有趣,此外有些有動畫很棒
  • 觀看頁面旁邊有網頁釘(?)很好

  • 不用像網頁版一定要找上面的
  • 顏色設計跟排版要加強

  • 顏色有些淺色搭淺色會較難閱讀,排版有些有留空有些沒留空很怪
  • 最新消息超過兩年有點舊了

問題:

可能原因:

CSS 設定

建議修改:

把字的顏色換掉

問題:

可能原因:

螢幕大小與文字長度問題

原始程式:

位置: 原始碼:517

 <a href="http://www3.vghks.gov.tw/CMWEB/" style="color:blue">院長信箱</a>

建議修改:

不要硬塞在同一行,加一個換行

<br>
<a href="http://www3.vghks.gov.tw/CMWEB/" style="color:blue">院長信箱</a>

補充

手機版:


電腦版:

問題:

可能原因:

RWD 設定錯誤

原始程式:

位置: 原始碼:195

<div class="newscontent">

建議修改:

去修改表格的width或使用bootstrap表格或加上overflow

{
    overflow: scroll;
}

補充

問題:

可能原因:

CSS 設定錯誤

原始程式:

位置:原始碼:164

<div class="newscontent">

建議修改:

加上斷行

{
    word-wrap: break-word;
}

補充

問題:

可能原因:

CSS 設定錯誤

建議修改:

把所有圖片都加上

max-width: 100%;

補充