網站

內政部合作事業入口網站

姓名

洪仕閔

檢測日期

2018-04-29

檢測裝置

iPhone 6

作業系統 與 瀏覽器版本

ios11

解析度（手機螢幕）

375x667 pixels

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

是

壞掉的連結(解法回文連結)

• 1. 首頁>意見交流平台
     

跑版（影響閱讀）問題

1. 首頁>認識合作事業>合作文摘>合作社點燈集
   右邊被吃掉ㄌ(解法回文連結)
   

2. 首頁>認識合作事業>合作文摘>合作社點燈集
   表格有點太肥大ㄌ(解法回文連結)
   

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

無

出現亂碼

無

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

無

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

無

閱讀模式

不可以用

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

1. 首頁
   影音專區那裡內容空白(解法回文連結)
   

2. 首頁
   點點點那裡不能點擊，而且自顯示不全(解法回文連結)
   

3. 首頁
   meun跟漢堡選一個放就好(解法回文連結)
   

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

第一次知道合作社是什麼！！覺得有趣～～看網站可以知道關於合作社的事情～但可以多增加一些跟一般民眾的連結內容

問題：

可能原因：

連結錯誤

原始程式：

位置：https://coop.moi.gov.tw/cphp/

建議修改：

找不到可能的網頁，問題無法修復

問題：

可能原因：

表格內容過多且使用overflow隱藏超出版面的部分

原始程式：

位置：首頁-認識合作事業-合作文摘-合作社點燈集 :221

<div class="table-responsive" style="overflow-x: hidden;">
......
</div>

建議修改：

將overflow屬性的hidden改成scroll

<div class="table-responsive" style="overflow-x: scroll;">
......
</div>

補充：

表格向左拖曳之示意圖

問題：

可能原因：

使用no-wrap屬性史文字無法正常換行

原始程式：

位置：https://coop.moi.gov.tw/cphp/hp/css/bootstrap.min.css :5

@media screen and (max-width: 767px) {
	......
	.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
		white-space:nowrap;
	}
	......
}

建議修改：

刪除該段洛(註解表示刪除)

@media screen and (max-width: 767px) {
	......
/*	.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
		white-space:nowrap;
	} */
	......
}

補充：

問題：

原始程式：

位置：https://coop.moi.gov.tw/cphp/

建議修改：

已測試，非程式問題

結尾：

可考慮在螢幕寬度較小的時候，不顯示剩餘空格

問題：

可能原因：

…非連結僅表示標題隱沒

原始程式：

位置：https://coop.moi.gov.tw/cphp/

建議修改：

已測試，問題無須修復

問題：

原始程式：

位置：首頁

<a href="#" class="menu-mobile">MENU</a>

建議修改：

已測試，非跑版問題
如果需要修改，把標籤中MENU刪掉即可

<a href="#" class="menu-mobile"></a>

補充：