客家雲Hakka Cloud-洪仕閔

網站

客家雲Hakka Cloud

姓名

洪仕閔

檢測日期

2018-05-15

檢測裝置

iPhone6

作業系統 與 瀏覽器版本

ios11

解析度(手機螢幕)

360x660 pixels

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

壞掉的連結


跑版(影響閱讀)問題

首頁>客家動態>動態儀表版 解法回文
太可怕ㄌ



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

出現亂碼

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

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

閱讀模式

不可以用

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

首頁>主題分類
長在左邊有點壓到閱讀空間,而且icon很難閱讀,建議是可以拿到

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

覺得顏色和內容真的很豐富,可以知道很多跟客家相關的活動等等的,認真覺得是一個好網站,但覺得可以增加客家人會有興趣的內容,而不只是一個旅遊網站而已~

問題:

建議修改:

其實她並沒有犯大部分超出頁面的iframe的錯誤,反而他是有把width寫成100%的,問題是他嵌進來的東西本身就不適合手機觀看,比較好的方法應該是蟲科一個屬於手機版的,而不是直接拿別人寫好可使只是給電腦版的

問題:

可能原因:

RWD 設定錯誤

原始程式:

位置: https://cloud.hakka.gov.tw/Content/css?v=z3DLSX_bONQTpeIFU2XLDS5qmBWInoWviZHhryvaGm81:1

.advanced-search a {
    display: inline-block;
    padding: 5px 8px;
    font-size: .85em;
    text-decoration: none;
    color: #595959;
}

建議修改:

可以寫一個media偵測螢幕大小,這個文題主要是字數造成每個的width不一樣,所以最簡單的解法是寫死width,反正最外層有鎖寬度,所以會自動換行

.advanced-search a {
    display: inline-block;
    padding: 5px 8px;
    font-size: .85em;
    text-decoration: none;
    color: #595959;
    width:60px;
}

補充