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

網站

電子檔案保存實驗室

姓名

劉佳慧

檢測日期

2018-05-22

檢測裝置

ASUS_Z01KDA

作業系統 與 瀏覽器版本

Android 8.0.0
Chrome版本:Chrome 66.0.3359.158

解析度(手機螢幕)

螢幕解析度 360x640 pixels

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

壞掉的連結


跑版(影響閱讀)問題


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

出現亂碼

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

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

閱讀模式

使用Android無閱讀模式

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

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

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

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

問題

可能原因

這個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="">

問題

可能原因

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

問題

建議修改

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

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

補充

image

問題

可能原因

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