國家運動訓練中心-張家綺

ray 教育部
#1

網站

國家運動訓練中心

姓名

張家綺

日期

2017-10-25

瀏覽器解析度（iOS的Safari填裝置名稱）

1366 * 768

作業系統版本

macOS 10.12.5（16F73)

瀏覽器版本（iOS的Safari填iOS版本）

Chrome：版本 60.0.3112.113 (64 位元)
Safari：版本 10.1.1（12603.2.4）

有發現表格排版影響閱讀問題（大量table爆炸可以截示意圖列出位置就好）

無

有跑版（影響閱讀）問題

兩版本都有問題

Safari的主導覽列 hover 狀態難觸發，mac按ctrl又可以觸發

有出現亂碼

無

有壞掉的連結

[首頁][認識國訓][願景、使命、目標]:3個圖片都沒有連結

[首頁][網網相連][運動科學]:香港政府體育網
[首頁][網網相連][贊助廠商]:台灣美津濃 MIZUNO、捷仕迪企業有限公司

[[首頁][最新消息][中心訊息]:有一篇2017年臺北世界大學運動會中華台北成績公佈表文章的金牌銀牌銅牌連結失效] (2017年臺北世界大學運動會　中華台北成績公佈表)

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

無

有不能運作的網頁元素（如按鈕不能按、選單不能選等）

無

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

對此網站建議（給個建議吧）

☆☆☆☆☆

#2

問題：

可能原因：

沒有限制圖片 height，導致超出框架範圍，圖片像素也因此失真

原始程式：

.owl-carousel .owl-item img {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

建議修改：

.owl-carousel .owl-item img {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    max-height:560px;
    margin:auto;
    width:auto
}

補充：修改後的版面如下