國家發展委員會檔案管理局電子檔案保存實驗室-邵嘉嶸

網站

檔案管理局電子檔案保存實驗室


姓名

邵嘉嶸


檢測日期

2018-04-25


檢測裝置

iPhone 7


作業系統 與 瀏覽器版本

iOS 11.3


解析度(手機螢幕)

375x667 pixels


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


壞掉的連結


跑版(影響閱讀)問題






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


出現亂碼


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


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


閱讀模式

可以用


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


表格大框框跑出去了(解法回文連結)



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

  • [color='green"]看的出來有好好整理[/color]

  • 資料、會議記錄都很清楚
  • [color=“blue”]表格式的部分要注意跑掉[/color]

  • 許多地方都有跑掉的問題或是很細長的問題
  • 可以用鑲入式的處理,不然真的很不好看
  • [color=“red”]滑起來不舒服[/color]

  • 因為選單過大跳出且背景圖片過大,導致滑起來一直跑掉不舒服
  • 拜託修好它= =",不然用手機用起來真的不舒服

問題:

可能原因:

字體較大

原始程式:

位置:https://pearl.archives.gov.tw/css/style.css:829

footer P{
	font-family: "微軟正黑體";
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 1.5;
	color: #FFFFFF;
}

建議修改:

修改831行

footer P{
	font-family: "微軟正黑體";
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 1.5;
	color: #FFFFFF;
}

補充

05

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

問題:

可能原因:

因為表格過大,但符合RWD設計,故不處理

原始程式:

建議修改:

補充

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

問題:

可能原因:

文字有奇怪的留白

原始程式:

位置:https://pearlapp.archives.gov.tw/erlp/css/bootstrap.min.css

建議修改:

新增以下設定

span {
    margin-left: 0px !important;
}

補充

54

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

問題:

可能原因:

連結無問題,排版為RWD設定,故不處理

原始程式:

建議修改:

補充

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

問題:

可能原因:

字體過大

原始程式:

位置:https://pearl.archives.gov.tw/css/style.css:1104

@media (max-width: 767px) {
  #intro .section-content {
    margin-top: 20px;
  }
  h1,
  h2 {
    font-size: 40px;
  }

建議修改:

修改1110行

@media (max-width: 767px) {
  #intro .section-content {
    margin-top: 20px;
  }
  h1,
  h2 {
    font-size: 30px;
  }

補充

38

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

問題:

可能原因:

手機上設定有點問題

原始程式:

位置:https://pearlapp.archives.gov.tw/erlp/css/bootstrap.min.css:2736

table {
    background-color: transparent;
}

建議修改:

加上 margin-left: 0px !important;

table {
    background-color: transparent;
    margin-left: 0px !important;
}

補充

IMG_3387

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

問題:

可能原因:

文章未設定超連結

原始程式:

建議修改:

文章若為人工編輯,建議新增href的html敘述

補充

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