風險管理與保險教育推廣入口網-王威

網站

風險管理與保險教育推廣入口網(這個壞掉了)
風險管理與保險教育推廣入口網

姓名

王威

檢測日期

2018-05-16

檢測裝置

Iphone8

作業系統 與 瀏覽器版本

IOS 11.3.1

解析度(手機螢幕)

375x667 pixels

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

壞掉的連結

首頁

首頁 > 金融知識學習 > 主題分類 > 金融基礎教育 > 得獎教案 > 104年得獎教案 > 高中職組>風險管理與保險教育推廣入口網(點我前往網站)

首頁>最新消息>105年度金融監督管理委員會暨教育部國民及學前教育署 金融基礎教育教學行動方案徵選辦法>金融監督管理委員會金融智慧網(點我前往網站)

圖例
image

跑版(影響閱讀)問題

首頁
[color=red]solution[/color]

首頁>最新消息
多項子目錄內頁跑版[color=red]已修正[/color]

[首頁>校園安全>校外教學風險>校外教學風險管理>風險管理計畫與實務]
(https://rm.ib.gov.tw/Pages/Campus.aspx?Dir=002001003&PKID=206d87d7-e388-491a-93d7-f6f626422d07)
solution

首頁>校園安全>學校公共意外責任險>101年
solution

圖例
image
image

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

首頁>數位百寶箱>電子書

首頁>數位百寶箱>動畫專區
[color=red]safari 不支援flash, 建議直接跳一個警告如果是safiri的話,另外,有時候憑證或js會被判斷成不安全憑證,請檢查伺服器設定[/color]

圖例
image

出現亂碼

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

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

閱讀模式

有些有、有些沒有

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

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

PDF檔方便手機瀏覽器查閱,很不錯,建議每個副檔都附上

問題:

可能原因:

  1. 字太寬
  2. 覆蓋bootstrap 的css

原始程式:

#bannerImage >a {
    position: relative;
}
#bannerImage >a>img {
    position: absolute;
    left: 40px;
}
.container {
    padding-left: 0px;
    padding-right: 0px;
    background-color: white;
}

建議修改:

#bannerImage >a {
    /* position: relative; */
}
#bannerImage >a>img {
    width: 100%;
    max-width: 345px;
    float: left;
}
.container {
    padding-left: 0px;
    padding-right: 0px;
    background-color: white;
}

補充

bootstrap 裡,container, row, column 等grid system所設的padding, margin是有特殊用途的,改改掉他們之前請三思

結尾(選填,可增加網站建議)

問題:

可能原因:

background image

原始程式:

#ContentNav {
    background-image: url(../images/content_nav_01.png);
    background-repeat: no-repeat;
    height: 40px;
    padding-top: 10px;
    padding-left: 35px;
    color: #EB6300;
    font-size: 23px;
    font-weight: bold;
    text-shadow: 1px 1px #FFF;
    margin-bottom: 10px;
    margin-top: 0;
}

建議修改:

#ContentNav {
    /* background-image: url(../images/content_nav_01.png); */
    /* background-repeat: no-repeat; */
    /* height: 40px; */
    padding-top: 10px;
    /* padding-left: 35px; */
    color: #EB6300;
    font-size: 23px;
    font-weight: bold;
    text-shadow: 1px 1px #FFF;
    margin-bottom: 10px;
    margin-top: 0;
}

補充

我覺得把背景拿掉比較簡單也比較好看XD,如果硬要把背景變大的話滿醜的…

結尾(選填,可增加網站建議)