e等公務園+學習平臺-盧苡萱

網站

e等公務園+學習平臺

姓名

盧苡萱

檢測日期

2018-05-04

檢測裝置

iphone7

作業系統 與 瀏覽器版本

iOS11.2

解析度(手機螢幕)

375x667

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

壞掉的連結


跑版(影響閱讀)問題

文字跑版

範例



網頁跑版


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

出現亂碼

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

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

閱讀模式

不可以用

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

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

以經營遊戲式,促進公務員線上學習,網站架設也簡單操作,很棒

問題

可能原因:

RWD 設定錯誤

原始程式:

位置: layout.css:12

.box1 > .title {
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.5em;
    word-wrap: break-word;
    display: inline-block;
}

建議修改:

寫一個RWD的css去控制字的大小
螢幕小的時候將字體也變小

補充

問題

可能原因:

table 設定錯誤

建議修改:

如果想要有table的排版效果可以改用bootstrap的grid

問題

可能原因:

CSS 設定錯誤

原始程式:

位置: https://elearn.hrd.gov.tw/mooc/my_kingdom_ranking.php:541

.rank-menu div {
    background-color: white;
    border-radius: 5px 5px 5px 5px;
    margin-right: 1.5em;
    font-size: 16pt;
    text-align: center; */
    color: #7AB443;
    padding-top: 5px;
    padding-bottom: 5px;
    border-style: solid;
    border-color: #7AB443;

建議修改:

加入

    float: left;

補充