科技大擂台-謝茵安

網站

科技大擂台

姓名

謝茵安

檢測日期

2018-05-03

檢測裝置

SAMSUNG-J700F

作業系統 與 瀏覽器版本

Android 5.1.1
Chrome版本:Chrome 65.0.3325.181

解析度(手機螢幕)

螢幕解析度 360X640

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

壞掉的連結


跑版(影響閱讀)問題

1.版圖被切掉解法連結
首頁
首頁>活動列表
首頁>最新消息
首頁>會員登入
首頁>聯絡我們


2.文字跑掉解法連結
首頁>活動列表>科技大擂台2:AI資安攻防戰
首頁>活動列表>科技大擂台 與AI對話(正式賽)
首頁>活動列表>科技大擂台 與AI對話(正式賽)>討論區
首頁>聯絡我們


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

1.不知道是不是因為沒有下一張輪播圖,輪播圖上面>的按鈕按了沒反應。解法連結
首頁

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

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

閱讀模式

Android系統

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

1.文字的間隔每一段都不一樣,難以閱讀。(多個介面都有此問題)
首頁>最新消息>Gitlab開放通知
首頁>最新消息>科技大擂台與AI對話-問卷調查


2.方框有點超出介面解法連結
首頁>活動列表>科技大擂台 與AI對話(正式賽)>討論區

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

1.文字切的太靠近邊框,閱讀起來有點太過壓迫。
首頁>最新消息


2.選單只會顯示在頁面頂端,如果網頁最下方就必須回到網頁頂端才能按。其他網站都是按開選單不管在網站哪裡都能直接使用選單,這點建議改進。
首頁>最新消息

問題

可能原因

背景圖比例不對但div設死寬高

原始程式

位置:
https://fgc.stpi.narl.org.tw/index:82

<div class="slider-block" data-url="/upload/banner/2018-05-14-093920_new.jpg" style='z-index: 98; opacity: 1; background-image: url("/upload/banner/2018-05-14-093920_new.jpg");;'></div>

建議修改

因為比例不最多只能調整bgc-size 讓它完全呈現,最好是修改圖片的部份

<div class="slider-block" data-url="/upload/banner/2018-05-14-093920_new.jpg" style='z-index: 98; opacity: 1; background-image: url("/upload/banner/2018-05-14-093920_new.jpg");background-size: contain;background-repeat: no-repeat;'></div>

補充

42

問題

可能原因

table跑板

原始程式

位置;
https://fgc.stpi.narl.org.tw/activity/SFund:113

<table border="0" cellpadding="1" cellspacing="1" style="width: 100%;">

建議修改

table固定寬度

<table style="width: 100%;border-collapse: collapse;word-wrap: break-word;table-layout: fixed;" cellspacing="1" cellpadding="1" border="0">

補充

13

問題

建議修改

>的按鈕也沒有加上連結,應該是輪播圖的問題,前端沒法修改。

問題

可能原因

文字跑板

建議修改

文字外加上p tag

補充

50