客家文化發展中心---吳姿瑩

ray 客家委員會
, ,
#1

網站

客家文化發展中心

姓名

吳姿瑩

檢測日期

2018-05-23

檢測裝置

Samsung Galaxy A8 SM-A530F

作業系統 與 瀏覽器版本

Android 7.1.1
Chrome版本：Chrome 61.0.3163.98

解析度（手機螢幕）

360X740 Pixels

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

是

壞掉的連結

跑版（影響閱讀）問題

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

無

出現亂碼

無

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

無

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

無

閱讀模式

我是安卓

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

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

部分麵包屑不完整如
首頁>研究典藏與圖書>數位典藏>客家文化發展中心數位博物館 影音平台>歷史影像老相片徵集

#2

問題

可能原因

我自己是沒看到
image

#3

問題

可能原因

用了img-responsive會調圖片，畢竟原圖大家不一樣，不可能等比例縮放到大家都一樣
所以這樣做其實還不錯，並沒有太大的error

#4

問題

可能原因

div.function_area {
    width: 285px;
    flex: 0 0 285px;
    visibility: visible;
    z-index: 1;
}

@media (max-width: 768px)
.function_area {
    position: absolute;
    top: 120px;
    left: 15px;
    bottom: 80px;
    width: 50%;
    background-color: #FFFFFF;
    z-index: -1;
    box-shadow: 0 0 10px 0px rgba(0,0,0,0.3);
    visibility: hidden; //這行被overide掉了
}

都用了@media作手機版了
位置還是用absolute+display: flex
absolute設定下位置還是跟電腦版差不多，所以這個sidebar就會卡在原本的位置

#5

問題

可能原因

圖片長寬固定

建議修改

<img alt="組織架構" src="http://thcdc.hakka.gov.tw/wSite/public/Data/org-02.jpg" style="height: 100%;width: 100%;" title="組織架構">

補充

image

#6

問題

可能原因

圖片不知道為什麼設定成 3, 40%
圖片解析度太低又不適合放大

#7

問題

可能原因

可以用div＋css: word-break: break-all來達到自動換行，不用手動換行來營造出一個有邊框的感覺

#8

問題

可能原因

<p style="/* text-align:center; */"><span style="font-size:16px">如需錄影，每場次1,000元。</span></p>

如果要跟別人一樣的話，把text-align: center砍掉就好