網站

文化部台灣社區通

姓名

黃子菡

檢測日期

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. 首頁
   

2. 首頁 > 最新消息 > 系統公告
   

3. 首頁 > 最新消息 > 系統公告 > 社區通新功能 > 收藏專區
   

4. 首頁 > 最新消息 > 活動消息
   

5. 首頁 > 多元參與 > 都會型社造 > 臺北城南、人 ，與空間的聯繫
   

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

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

出現亂碼

無

不能用的外掛程式（Flash、ActiveX、Applet、Silverlight、…）

無

網站載入緩慢（相對一般網站）

無

閱讀模式

部分可以用

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

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

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

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

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

1. 收藏功能很特別

問題：

可能原因：

使用｜來分隔選項

原始程式：

位置：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%;
}

補充：

問題：

可能原因：

使用空格排版

原始程式：

位置：臺北城南．人，與空間的繫聯 - 台灣社區通 :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/「亞洲糖業文化足跡」文件展即日起開始徵件

建議修改：

已測試，非程式問題