文化部台灣社區通-黃子菡

網站

文化部台灣社區通

姓名

黃子菡

檢測日期

2018-5-14

檢測裝置

iPhone X
MacBook Pro (Retina, 13-inch, Early 2015)

作業系統 與 瀏覽器版本

iOS 11.3/ Safari 11.3
macOS 10.13.4 Beta/ Chrome 65.0.3325.181

解析度(手機螢幕)

375 x 812 pixels

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

壞掉的連結

跑版(影響閱讀)問題 (解法回文連結)

  1. 首頁
  1. 首頁 > 最新消息 > 系統公告
  1. 首頁 > 最新消息 > 系統公告 > 社區通新功能 > 收藏專區
  1. 首頁 > 最新消息 > 活動消息
  1. 首頁 > 多元參與 > 都會型社造 > 臺北城南、人 ,與空間的聯繫

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

  1. 首頁 > 多元參與 > 都會型社造 > 臺北城南、人 ,與空間的聯繫
    附加檔案無法點擊(解法回文連結)

出現亂碼

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

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

閱讀模式

部分可以用

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

  1. 首頁 > 最新消息 > 活動消息 > 大林 沖繩季節性移工:故事自己說
    超出版面無響應式(解法回文連結)

  1. 首頁 > 最新消息 > 活動消息 > 雲林縣歷史建築海口
    地點無內容(解法回文連結)

  1. 首頁 > 最新消息 > 補助訊息 > 亞洲糖業文化足跡 文件展即日起開始徵件
    時間內容有誤(解法回文連結)

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

  1. 收藏功能很特別
1 Like

問題:

可能原因:

使用|來分隔選項

原始程式:

位置:https://communitytaiwan.moc.gov.tw/ :112

<ul id="TopNav">
	<li>......</li>
	|
	<li>......</li>
</ul>

建議修改:

刪除|符號

<ul id="TopNav">
	<li>......</li>
</ul>

如果需要分隔也可以使用border屬性,並設置當螢幕過窄不顯示

補充:


問題:

可能原因:

position及padding屬性設置錯誤

原始程式:

以 首頁 > 最新消息 > 系統公告 為例
位置:https://communitytaiwan.moc.gov.tw/Content/site.css :1763

.list_local_kpr {
	height: 0;
	padding-bottom: 66.85%;
}

.list_local_pic {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}

位置:https://communitytaiwan.moc.gov.tw/Content/site.css :1784

.top_item_txt {
	color: #fff;
	font-weight: bold;
	font-size: 45px;
	padding: 20% 5% 0;
}

建議修改:

刪除padding-bottom及position屬性

.list_local_kpr {
	height: 0;
}

.list_local_pic {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}

修正padding屬性

.top_item_txt {
	color: #fff;
	font-weight: bold;
	font-size: 45px;
	padding: 20% 5%;
}

補充:


問題:

可能原因:

使用空格排版

原始程式:

位置:https://communitytaiwan.moc.gov.tw/Item/Detail/臺北城南.人,與空間的繫聯 :818

<div class="atcl_cnt">
	......
	<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;文/張琬琳(臺灣大學臺灣文學研究所博士候選人)</p>
	<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 圖/陳姵潔(國立臺北教育大學南海藝廊執行企劃)</p>
	......
</div>

建議修改:

刪除空格並加上float屬性

<div class="atcl_cnt">
	......
	<p style="float: right;">文/張琬琳(臺灣大學臺灣文學研究所博士候選人)</p>
	<p style="float: right;">圖/陳姵潔(國立臺北教育大學南海藝廊執行企劃)</p>
	......
</div>

在css中加上clear屬性

p{
	clear: both;
}

補充:

問題:

原始程式:

位置:https://communitytaiwan.moc.gov.tw/Item/Detail/臺北城南.人,與空間的繫聯

建議修改:

已測試,非程式問題
無附加檔案時可將附加檔案的區塊拿掉

問題:

可能原因:

圖片長寬被寫死

原始程式:

位置:https://communitytaiwan.moc.gov.tw/Item/Detail/大林-•-沖繩季節性移工_-故事自己說 :787

<img alt="" src="/File/Get/2db3da35-cfa3-49b9-8c12-a82368928d27" style="width: 800px; height: 400px;">

建議修改:

<img alt="" src="/File/Get/2db3da35-cfa3-49b9-8c12-a82368928d27" style="max-width: 100%;">

補充:

問題:

原始程式:

位置:https://communitytaiwan.moc.gov.tw/Item/Detail/雲林縣政府訂於107年5月5日上午10時

建議修改:

已測試,非程式問題
可補上地點資訊

問題:

原始程式:

位置:https://communitytaiwan.moc.gov.tw/Item/Detail/「亞洲糖業文化足跡」文件展即日起開始徵件

建議修改:

已測試,非程式問題