蘇澳港營運處兒童版—黃嘉旭

網站

蘇澳港營運處兒童版

姓名

黃嘉旭

日期

2017—11–28

瀏覽器解析度(iOS的Safari填裝置名稱 macOS填瀏覽器解析度)

1440 * 900

作業系統版本

macOS 10.13.1(17B48)

瀏覽器版本(iOS的Safari填iOS版本)

Chrome:版本 62.0.3202.94 (正式版本) (64 位元)
Safari:版本 11.0.1(13604.3.5)

有發現表格排版影響閱讀問題(大量table爆炸可以截示意圖列出位置就好)

有跑版(影響閱讀)問題

全網站(全網站影響)搜尋列文字跑版


全網頁除首頁以外,幾乎其他子頁(含搜尋列)之社交列圖示跑版或切到邊邊

有出現亂碼

有壞掉的連結

蘇澳港鳥瞰圖互動遊戲 404


蘇澳港營運大樓互動遊戲 404

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

無|N/A

有不能運作的網頁元素(如按鈕不能按、選單不能選等)

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

對此網站建議(給個建議吧)

☆☆☆
這是一個以互動為主的網頁,但兒童版最重要的互動功能已經停止運作,這讓兒童版的意義頓時消失,但美感上來說相當有童趣

問題:

全網站(全網站影響)搜尋列文字跑版

可能原因:

間距設定問題

原始程式:

在 layout_1280.css 檔案

.search input{
	background-color:transparent;
	margin-left:20px;
}

建議修改:

.search input{
	background-color:transparent;
	margin-left:50px;
}

補充:修改後的版面如下

問題:

全網頁除首頁以外,幾乎其他子頁(含搜尋列)之社交列圖示跑版或切到邊邊

可能原因:

間距設定問題

原始程式:

在 page_1280.css 檔案

.content_bottom {
	overflow:hidden;
	padding:20px 0;
	clear: both;
}

建議修改:

.content_bottom {
	overflow:hidden;
	padding:20px 50px;
	clear: both;
}

補充:修改後的版面如下

問題:

蘇澳港鳥瞰圖互動遊戲 404
蘇澳港營運大樓互動遊戲 404

可能原因:

連結有誤,更新為正確網址即可