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

網站

客家文化發展中心

姓名

吳姿瑩

檢測日期

2018-05-23

檢測裝置

Samsung Galaxy A8 SM-A530F

作業系統 與 瀏覽器版本

Android 7.1.1
Chrome版本:Chrome 61.0.3163.98

解析度(手機螢幕)

360X740 Pixels

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

壞掉的連結


跑版(影響閱讀)問題








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

出現亂碼

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

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

閱讀模式

我是安卓

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


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

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

問題

可能原因

我自己是沒看到

問題

可能原因

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

問題

可能原因

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就會卡在原本的位置

問題

可能原因

圖片長寬固定

建議修改

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

補充

問題

可能原因

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

問題

可能原因

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

問題

可能原因

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

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