檔案管理局電子檔案保存實驗室-劉佳慧

ray 國家發展委員會
, ,
#1

網站

電子檔案保存實驗室

姓名

劉佳慧

檢測日期

2018-05-22

檢測裝置

ASUS_Z01KDA

作業系統 與 瀏覽器版本

Android 8.0.0
Chrome版本：Chrome 66.0.3359.158

解析度（手機螢幕）

螢幕解析度 360x640 pixels

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

是

壞掉的連結

無

跑版（影響閱讀）問題

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

無

出現亂碼

無

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

無

網站載入緩慢（相對一般網站）

無

閱讀模式

使用Android無閱讀模式

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

網頁雖然設計蠻美的，但載入頁面後內容會再跳一下，有點煩

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

旁邊多於的區塊，和載入頁面後內容會跳動，使用起來不太流暢會跳來跳去的

#2

問題

可能原因

這個bug我也不知道是怎麼觸發的
不過原因大概就是因為他的menu就是旁邊那塊灰灰的
按下麵包屑就會過去，不過會像這樣破圖可能還有需要其他的條件

建議修改

直接在body加上overflow-x : hidden讓旁邊出不來

<body style="background: url(&quot;/UserFiles/TitlePic/201702/bg2.JPG&quot;) center center / cover no-repeat fixed; overflow-y: visible; overflow-x: hidden;" class="">
#3

問題

可能原因

剛看到網站封面我還以為這是一個比較有想法的公家網站，很棒說
結果看到這邊感覺實在不是很好
都是比較細微的原因，但是會故意這麼設定背後一定有理由，不過我看不太出來理由在那
第一個是表格寬度限制60%…

<table id="table0" align="center" width="60%" border="1" cellpadding="10" cellspacing="0" style="border-color:#CDE5FF;margin-left:50px;">

60%代表差不多畫面一半，難怪那個換行那麼怪，字多空間少不意外

第二個是table跟裡面tr都用了margin…裡面用margin還是為了句首空兩格？我現在才知道原來表格也要空格…
難道當初寫網頁的時候，用一般電腦看的時候就沒有發現怪怪的嗎？
image

#4

問題

建議修改

css word-break: break-all可以拯救一切

<a href="http://dictionary.cambridge.org" style="
    word-break:  break-all;
"> http://dictionary.cambridge.org</a>

補充

image

#5

問題

可能原因

table裡面長寬全部都是固定大小，想要作手機版請改單位（圖片也是固定大小就是）