國家發展委員會-邵嘉嶸

網站

國家發展委員會

姓名

邵嘉嶸

檢測日期

2018-04-03

檢測裝置

iPhone 7

作業系統 與 瀏覽器版本

iOS 11.3

解析度(手機螢幕)

375x667 pixels

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

壞掉的連結





連到舊版網頁(解法回文連結)



連城農委會網頁(解法回文連結)



跑版(影響閱讀)問題

圖文排列問題(解法回文連結)




內文被卡掉了(解法回文連結)



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

無效果按鈕(解法回文連結)


出現亂碼

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

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

首頁>主要業務>行政院所屬各機關施政計畫>年度施政計畫>各機關年度施政計畫查詢

閱讀模式

不可以用

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

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

文件清楚排列,要較注意符合手機板頁面後是否文意消失跑掉

1個讚

問題:

原始程式:

位置:https://www.ndc.gov.tw/News.aspx?n=311E0ADBC906D7A4&sms=BBA3AF4E545FB66B :744

<a id="ContentPlaceHolder1_gvIndex_lnkTitle_1" title="引言報告[另開新視窗]" class="css_mark" href="Common/HitCount.ashx?p=72B0C4C288793E1743528547531ACE2A86FDD8501D0230943D13A44B9B6CC619F43B09B456C89245EA9BC37D7925638E43E3E23FEA343B34&amp;type=FB01D469347C76A7&amp;s=49C72563DE29F3B2&amp;icon=.link" target="_blank">引言報告<img src="images/Icons/link.gif" alt="引言報告[另開新視窗]" border="0"></a>

建議修改:

已測試,連結無效(自動導回首頁),找不到可能的正確頁面

問題:

原始程式:

位置:國家發展委員會-國民旅遊卡

建議修改:

已測試,問題無法復現

補充:

連結至外站

tw_idea_detail_5856ba4a-be1f-4418-a7bf-25110055b24f(iPhone 6_7_8)

問題:

原始程式:

位置:國家發展委員會-前瞻基礎建設計畫 :773

<a href="http://infrastructure.ey.gov.tw/cp.aspx?n=C39A042F2BE4CA87" title="[開啟連結新分頁]" target="_blank" data-icon="No">行政院全球資訊網前瞻基礎建設計畫說明</a>

建議修改:

連結無效,可能連結為 https://www.ey.gov.tw/hot_topic.aspx?n=3C073033D9CC804D

<a href="https://www.ey.gov.tw/hot_topic.aspx?n=3C073033D9CC804D" title="[開啟連結新分頁]" target="_blank" data-icon="No">行政院全球資訊網前瞻基礎建設計畫說明</a>

補充:

aspx_n=3C073033D9CC804D(iPhone 6_7_8) (1)

問題:

原始程式:

位置:國家發展委員會-政府重大公共建設計畫年度預算先期作業 :850

<a href="http://www.pcc.gov.tw/pccap2/TMPLfronted/ChtIndex.do?site=002" title="[開啟連結新分頁]" data-icon="No" target="_blank">公共工程推動辦理情形</a>

建議修改:

已測試,連結無效,可能需與該單位聯絡修復
(行政院公共工程委員會的網站中的公共工程推動辦理情形亦為無效連結)


問題:

原始程式:

位置:國家發展委員會 :704

<a href="https://elearning.hrd.gov.tw/index.php" target="_blank" title="e等公務園學習網[另開新視窗]">e等公務園學習網<img src="images/Icons/link.gif" alt="另開新視窗" border="0"></a>

建議修改:

更新連結為 e等公務園+學習平臺 - 首頁

<a href="https://elearn.hrd.gov.tw/mooc/index.php" target="_blank" title="e等公務園學習網[另開新視窗]">e等公務園學習網<img src="images/Icons/link.gif" alt="另開新視窗" border="0"></a>

補充:

php(iPhone 6_7_8)

問題:

原始程式:

位置:https://www.ndc.gov.tw/Content_List.aspx?n=6E5034316DCCB9D4 :793

<span>
	<a target="_self" href="http://www.google.com/moderator/?hl=zh-TW#16/e=214458" title="經貿國是會議網路參與-子議題修訂建議 (已截止)">經貿國是會議網路參與-子議題修訂建議 (已截止)<img src="images/Icons/link.gif" alt="另開新視窗" border="0"></a>
</span>

建議修改:

已測試,此google功能已停止服務,建議撤除連結

結尾:

此網站的外站超連結並未於新分頁中開啟

<table id="ContentPlaceHolder1_dlindex" cellspacing="0" style="width:100%;border-collapse:collapse;">
	<tbody>
		<tr>
			<td id="table_1_0">
				<li>
					<span><a target="_blank" href="https://www.loomio.org/g/1uSV3IFq?locale=zh" title="網路社群討論-全球化趨勢下臺灣經濟發展策略">網路社群討論-全球化趨勢下臺灣經濟發展策略<img src="images/Icons/link.gif" alt="另開新視窗" border="0"></a></span>
				......
					<span><a target="_blank" href="https://www.loomio.org/g/txfpAWOC?locale=zh" title="網路社群討論-臺灣加入區域經貿整合與兩岸經貿策略">網路社群討論-臺灣加入區域經貿整合與兩岸經貿策略<img src="images/Icons/link.gif" alt="另開新視窗" border="0"></a></span>
				......
					<span><a target="_blank" href="http://www.google.com/moderator/?hl=zh-TW#16/e=214458" title="經貿國是會議網路參與-子議題修訂建議 (已截止)">經貿國是會議網路參與-子議題修訂建議 (已截止)<img src="images/Icons/link.gif" alt="另開新視窗" border="0"></a></span>
				......
					<span><a target="_blank" href="https://nectw2014.hackpad.com/" title="經貿國是會議網路參與運作規劃(草案) (已截止) ">經貿國是會議網路參與運作規劃(草案) (已截止) <img src="images/Icons/link.gif" alt="另開新視窗" border="0"></a></span>
				</li>
			</td>
		</tr>
	</tbody>
</table>

問題:

原始程式:

位置:國家發展委員會 :807

<a target="_self" href="http://www.coa.gov.tw/view.php?catid=2500666" title="6.黃金廊道農業新方案暨行動計畫(農委會)">6.黃金廊道農業新方案暨行動計畫(農委會)<img src="images/Icons/link.gif" alt="另開新視窗" border="0"></a>

建議修改:

連結失效,可能網頁為:農業施政新年新展望-黃金廊道農業新方案暨行動計畫(農委會)
(修正後程式碼與結尾處合併)

結尾:

此網頁中編號有誤、外站超連結並無另開新分頁

<div class="data_midlle_service">
	<ul>
		<table id="ContentPlaceHolder1_dlindex" cellspacing="0" style="width:100%;border-collapse:collapse;">
			<tbody>
				<tr>
					<td headers="table_1_0">
						<li class="multiple">
						......
							<span>3.臺灣產業結構優化- 三業四化行動計畫(經濟部) <a target="_blank" href="https://ws.ndc.gov.tw/001/administrator/10/webarchive/1628/6f3173fe-1d5a-4a03-ad55-c2f4ba2555da.pdf" title="3.臺灣產業結構優化- 三業四化行動計畫(經濟部) ">.pdf</a></span>
						......
							<span><a target="_blank" href="https://www.coa.gov.tw/ws.php?id=2500684" title="6.黃金廊道農業新方案暨行動計畫(農委會)">6.黃金廊道農業新方案暨行動計畫(農委會)<img src="images/Icons/link.gif" alt="另開新視窗" border="0"></a></span>
						......
							<span><a target="_blank" href="https://theme.ndc.gov.tw/FEPZ/www/index-2.html" title="7.自由經濟示範區(國發會)">7.自由經濟示範區(國發會)<img src="images/Icons/link.gif" alt="另開新視窗" border="0"></a></span>
						......
							<span><a target="_self" href="News8.aspx?n=CAACEB67C25DE438&amp;sms=9730D406556E2464" title="8.加入跨太平洋夥伴協定(TPP)對製造業之影響與因應(經濟部)">8.加入跨太平洋夥伴協定(TPP)對製造業之影響與因應(經濟部)</a></span>
						......
						</li>
					</td>
				</tr>
			</tbody>
		</table>
	</ul>
</div>

補充:

農委會網頁連結
php_id=2500684&RWD_mode=Y(iPhone 6_7_8)

結尾修正
aspx_n=D470CC01229616BF(iPhone 6_7_8)


問題:

原始程式:

位置:https://www.ndc.gov.tw/Content_List.aspx?n=FA4BFC5E81EF119B :737

<a target="_self" href="http://www.coa.gov.tw/view.php?catid=2448141" title="1.「自由經濟示範區- 農業加值」政策(農委會)">1.「自由經濟示範區- 農業加值」政策(農委會)<img src="images/Icons/link.gif" alt="另開新視窗" border="0"></a>

建議修改:

連結失效,可能網頁為 農業的必須及必要--「自由經濟示範區-農業加值政策」(農委會)

<a target="_blank" href="https://www.coa.gov.tw/ws.php?id=2500899" title="1.「自由經濟示範區- 農業加值」政策(農委會)">1.「自由經濟示範區- 農業加值」政策(農委會)<img src="images/Icons/link.gif" alt="另開新視窗" border="0"></a>

補充:

php_id=2500899(iPhone 6_7_8)

結尾:

此連結應在新分頁顯示,故上段程式碼亦修改target屬性為"_blank"

問題:

原始程式:

位置:https://www.ndc.gov.tw/Content_List.aspx?n=5CB324BCD9081E6F :738

<a target="_self" href="https://ws.ndc.gov.tw" title="發文抄本">發文抄本<img src="images/Icons/link.gif" alt="另開新視窗" border="0"></a>

建議修改:

已測試,連結無效,找不到可能的正確頁面

結尾:

應於新分頁中顯示,修改target屬性

<a target="_blank" href="https://ws.ndc.gov.tw" title="發文抄本">發文抄本<img src="images/Icons/link.gif" alt="另開新視窗" border="0"></a>

問題:

可能原因:

圖片大小被寫死

原始程式:

位置:https://www.ndc.gov.tw/Content_NoList.aspx?n=C11DD5EEE926EC8E :698

<img alt="" src="https://ws.ndc.gov.tw/Download.ashx?u=LzAwMS9hZG1pbmlzdHJhdG9yLzEwL2NrZmlsZS81NGFlY2I5Ny02OGU5LTRiMmEtOGUwMi1kYjgzYWUzYTM4N2EuanBn&amp;n=MTIyMi5qcGc%3d" style="float: left; width: 300px; height: 169px;">

建議修改:

將長寬設為100%

<img alt="" src="https://ws.ndc.gov.tw/Download.ashx?u=LzAwMS9hZG1pbmlzdHJhdG9yLzEwL2NrZmlsZS81NGFlY2I5Ny02OGU5LTRiMmEtOGUwMi1kYjgzYWUzYTM4N2EuanBn&amp;n=MTIyMi5qcGc%3d" style="float: left; width: 100%; height: 100%;">

也可寫在css中限制螢幕大小才改變長寬,但圖片上的長寬限制要記得刪掉!

@media(min-width:561px){
  .data_top img{width: 300px; height: 169px;}
}
@media (max-width: 560px) {
  img{width:100%}
}

補充:

aspx_n=C11DD5EEE926EC8E(iPhone 6_7_8)


問題:

可能原因:

圖片的align屬性造成文繞圖

原始程式:

位置:國家發展委員會-本會會徽 :769

<img align="right" alt="國發會logo圖像" border="0" height="300" margin="10px" src="https://ws.ndc.gov.tw/001/userfiles/image/ndc_logo.jpg" width="300">

建議修改:

當螢幕寬度<900px後解除文繞圖

@media (max-width: 900px) {
	img {
// 解除文繞圖
		float:none;
// 置中(個人建議)
		display:block;
		margin:auto;
	}
}

補充:

aspx_n=ABBF62618F53F8DE&s=9D81243A2B3C5822(iPhone 6_7_8) (1)

問題:

可能原因:

list的display設置錯誤

原始程式:

位置:https://www.ndc.gov.tw/css/index.css?1070410034333 :1293

.footer_bg .footer .footer_link ul li {
	display: inline;
	vertical-align: middle;
}

建議修改:

.footer_bg .footer .footer_link ul li {
	display: inline-block;
	vertical-align: middle;
}

補充:

tw_

結尾:

https://www.ndc.gov.tw/ :973

Copyright &copy;中華民國國家發展委員會 版權所有 地址:10020臺北市中正區寶慶路3號 服務電話:02-2316-5300

建議修改為

<ul>
	<li>Copyright© 中華民國國家發展委員會 版權所有</li>
	<li>地址:10020臺北市中正區寶慶路3號</li>
	<li>服務電話:02-2316-5300</li>
</ul>

效果如上補充處的截圖,會自動換行

問題:

可能原因:

safari瀏覽器設定

原始程式:

位置:https://www.ndc.gov.tw/cp.aspx?n=6868882E351206A5&s=76B9477A422F022A :726

<div style="text-align: center;">
	<span style="font-size: x-large;"><strong>中華民國人口政策綱領</strong></span>
	<span style="font-size: large;">  </span>
	<span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span>
</div>

建議修改:

<div style="text-align: center;">
	<span style="font-size: x-large;"><strong>中華民國人口政策綱領</strong></span>
</div>

補充:

48

問題:

可能原因:

表格寬度寫死

原始程式:

位置:https://www.ndc.gov.tw/css/cp.css :160

.data_midlle_cp TD, .data_midlle_cp TH, .data_top_cp TD, .data_top_cp TH {
  display: table-cell;
}

位置:國家發展委員會-台灣經濟論衡 :698

<table border="0" cellpadding="0" cellspacing="0" summary="*" width="80%" id="table_1">
	<tbody>
		<tr>
			<td align="left" nowrap="nowrap" valign="top" width="18%" id="table_0_2">書  名:</td>
			<td align="left" width="82%" id="table_0_3">台灣經濟論衡</td>
		</tr>
		<tr>
			<td align="left" valign="top" headers="table_0_0">經辦單位:</td>
			<td align="left" headers="table_0_1">綜合規劃處</td>
		</tr>
		<tr>
			<td align="left" nowrap="nowrap" valign="top" headers="table_0_0">出版單位:</td>
			<td align="left" headers="table_0_1">國家發展委員會綜合規劃處</td>
		</tr>
		<tr>
			<td align="left" nowrap="nowrap" valign="top" headers="table_0_0">出版日期:</td>
			<td align="left" headers="table_0_1">每季出刊</td>
		</tr>
		<tr>
			<td align="left" nowrap="nowrap" valign="top" headers="table_0_0">刊物編號:</td>
			<td align="left" headers="table_0_1">編號(107)001.0101</td>
		</tr>
		<tr>
			<td align="left" nowrap="nowrap" valign="top" headers="table_0_0">建議價格:</td>
			<td align="left" headers="table_0_1">全年4冊,新台幣600元</td>
		</tr>
		<tr>
			<td align="left" nowrap="nowrap" valign="top" headers="table_0_0">展售處:</td>
			<td align="left" headers="table_0_1"><a href="http://www.wunanbooks.com.tw" title="五南文化廣場"><font color="#0066cc">五南文化廣場</font><img alt="另開新視窗" border="0" src="images/Icons/link.gif"></a></td>
		</tr>
	</tbody>
</table>

建議修改:

呃呃呃呃呃已經被修掉惹?!OAO
沒有原本的網頁也沒辦法確定修改效果((抓頭

補充:

aspx_n=C586C4C34E759945(iPhone 6_7_8)


問題:

可能原因:

表格內容過多

原始程式:

以 首頁>主要業務>經濟發展規劃>景氣動向>臺灣景氣循環峰谷認定 為例
位置:https://www.ndc.gov.tw/Content_List.aspx?n=EB8094238F87553B :700

<table bgcolor="#e3e3e3" border="0" cellpadding="2" cellspacing="1" width="100%" id="table_0">
	<tbody>
		<tr>
			<td align="center" bgcolor="#f0f7fb" nowrap="nowrap" headers="table_0_0"><span class="style61">第1循環</span></td>
			<td align="center" bgcolor="#f0f7fb" nowrap="nowrap" headers="table_0_1"><span class="style61">1954.11</span></td>
			<td align="center" bgcolor="#f0f7fb" nowrap="nowrap" headers="table_0_2"><span class="style61">1955.11</span></td>
			<td align="center" bgcolor="#f0f7fb" nowrap="nowrap" headers="table_0_3"><span class="style61">1956.09</span></td>
			<td align="center" bgcolor="#f0f7fb" nowrap="nowrap" headers="table_0_4"><span class="style61">12</span></td>
			<td align="center" bgcolor="#f0f7fb" nowrap="nowrap" headers="table_0_4"><span class="style61">10</span></td>
			<td align="center" bgcolor="#f0f7fb" nowrap="nowrap" headers="table_0_4"><span class="style61">22</span></td>
		</tr>
		......
		<tr bgcolor="#ffffff">
			<td align="center" nowrap="nowrap" headers="table_0_0">第14循環</td>
			<td align="center" nowrap="nowrap" headers="table_0_1">2012.01</td>
			<td align="center" nowrap="nowrap" headers="table_0_2">2014.10</td>
			<td align="center" nowrap="nowrap" headers="table_0_3">2016.02</td>
			<td align="center" nowrap="nowrap" headers="table_0_4">33</td>
			<td align="center" nowrap="nowrap" headers="table_0_4">16</td>
			<td align="center" nowrap="nowrap" headers="table_0_4">49</td>
		</tr>
		<tr>
			<td align="center" bgcolor="#f0f7fb" colspan="4" nowrap="nowrap" headers="table_0_0">平&nbsp;&nbsp; 均</td>
			<td align="center" bgcolor="#f0f7fb" nowrap="nowrap" headers="table_0_1">38</td>
			<td align="center" bgcolor="#f0f7fb" nowrap="nowrap" headers="table_0_2">15</td>
			<td align="center" bgcolor="#f0f7fb" nowrap="nowrap" headers="table_0_3">53</td>
		</tr>
	</tbody>
</table>

建議修改:

為區分3項持續期間,將後兩項headers屬性分別改為table_0_5、table_0_6
為了使用:before,文字要用容器包起來(因p已有設定格式,所以此處使用span)

<table bgcolor="#e3e3e3" border="0" cellpadding="2" cellspacing="1" width="100%" id="table_0">
	<tbody>
		<tr bgcolor="#f0f7fb">
			<td align="center" nowrap="nowrap" headers="table_0_0"><span class="style61">第1循環</span></td>
			<td align="center" nowrap="nowrap" headers="table_0_1"><span class="style61">1954.11</span></td>
			<td align="center" nowrap="nowrap" headers="table_0_2"><span class="style61">1955.11</span></td>
			<td align="center" nowrap="nowrap" headers="table_0_3"><span class="style61">1956.09</span></td>
			<td align="center" nowrap="nowrap" headers="table_0_4"><span class="style61">12</span></td>
			<td align="center" nowrap="nowrap" headers="table_0_5"><span class="style61">10</span></td>
			<td align="center" nowrap="nowrap" headers="table_0_6"><span class="style61">22</span></td>
		</tr>
		......
		<tr bgcolor="#ffffff">
			<td align="center" nowrap="nowrap" headers="table_0_0"><span>第14循環</span></td>
			<td align="center" nowrap="nowrap" headers="table_0_1"><span>2012.01</span></td>
			<td align="center" nowrap="nowrap" headers="table_0_2"><span>2014.10</span></td>
			<td align="center" nowrap="nowrap" headers="table_0_3"><span>2016.02</span></td>
			<td align="center" nowrap="nowrap" headers="table_0_4"><span>33</span></td>
			<td align="center" nowrap="nowrap" headers="table_0_5"><span>16</span></td>
			<td align="center" nowrap="nowrap" headers="table_0_6"><span>49</span></td>
		</tr>
		<tr>
			<td align="center" bgcolor="#f0f7fb" colspan="4" nowrap="nowrap" headers="table_0_0">平&nbsp;&nbsp; 均</td>
			<td align="center" bgcolor="#f0f7fb" nowrap="nowrap" headers="table_0_1"><span>38</span></td>
			<td align="center" bgcolor="#f0f7fb" nowrap="nowrap" headers="table_0_2"><span>15</span></td>
			<td align="center" bgcolor="#f0f7fb" nowrap="nowrap" headers="table_0_3"><span>53</span></td>
		</tr>
	</tbody>
</table>

https://www.ndc.gov.tw/css/cp.css 中寫入:before的相關設定

//螢幕寬度自行調整!
@media (max-width: 560px) {
//隱藏標題列
	.data_top_info th{ display:none !important;}
//改變表格的顯示模式
	.data_top_info td{ display:block;}
//標題項租體
	:before{ font-weight:bolder}
//加入before!完成!
	td[headers="table_0_0"] :before{ content:"循環次序:";}
	td[headers="table_0_1"] :before{ content:"谷底:";}
	td[headers="table_0_2"] :before{ content:"高峰:";}
	td[headers="table_0_3"] :before{ content:"谷底:";}
	td[headers="table_0_4"] :before{ content:"擴張期(月數):";}
	td[headers="table_0_5"] :before{ content:"收縮期(月數):";}
	td[headers="table_0_6"] :before{ content:"全循環(月數):";}
}

補充:

aspx_n=EB8094238F87553B(iPhone 6_7_8)


問題:

可能原因:

奇妙的text-indent;list的display屬性錯誤

原始程式:

  • text-indent造成的跑版

以 首頁>主要業務>經濟發展規劃>景氣動向>臺灣景氣循環峰谷認定>歷次景氣循環認定工作>第14次景氣循環谷底認定 為例
位置:https://www.ndc.gov.tw/cp.aspx?n=BEB148EF6C50AA39&s=91EA784E3805F97B :728

<div style="text-align: right; line-height: 18pt; text-indent: 290.5pt; -ms-text-justify: distribute-all-lines;">發 布 日 期:107 年 2 月&nbsp;9<span> </span>日</div>
<div style="text-align: right; line-height: 18pt; text-indent: 290.5pt; -ms-text-justify: distribute-all-lines;">聯&nbsp; &nbsp;絡&nbsp; &nbsp;人:吳明蕙&nbsp; 、利秀蘭</div>
<div style="text-align: right; line-height: 18pt; text-indent: 290.5pt; -ms-text-justify: distribute-all-lines;">聯絡電話:2316-5851、5852</div>

以 首頁>主要業務>數位政府>資訊替代役 為例(位置不同,所以分開舉例)
位置:國家發展委員會 :734

<p style="margin: 0cm 0cm 0pt; text-indent: 42.4pt; -ms-layout-grid-mode: char;">
	<span lang="EN-US">
		<font color="#000000" face="新細明體" size="3">
			<img alt="圖1:替代役役別申請流程" src="......" style="width: 553px; height: 207px;" v:shapes="_x0000_i1025">
		</font>
	</span>
</p>
  • list的display屬性造成的跑版

以 首頁>主要業務>經濟發展規劃>景氣動向>臺灣景氣循環峰谷認定>歷次景氣循環認定工作>第14次景氣循環谷底認定 為例
位置:https://www.ndc.gov.tw/css/detail.css :2216

.data_midlle_news_box03_2 ul li table tr td .news_box03_data > ol > li ul li {
	padding: 0;
	display: inline;
}

建議修改:

删掉text-indent

<div style="text-align: right; line-height: 18pt; -ms-text-justify: distribute-all-lines;">發 布 日 期:107 年 2 月 9 日</div>
<div style="text-align: right; line-height: 18pt; -ms-text-justify: distribute-all-lines;">聯&nbsp; &nbsp;絡&nbsp; &nbsp;人:吳明蕙&nbsp; 、利秀蘭</div>
<div style="text-align: right; line-height: 18pt; -ms-text-justify: distribute-all-lines;">聯絡電話:2316-5851、5852</div>
<p style="margin: 0cm 0cm 0pt; -ms-layout-grid-mode: char;">
	<span lang="EN-US">
		<font color="#000000" face="新細明體" size="3">
			<img alt="圖1:替代役役別申請流程" src="......" style="width: 553px; height: 207px;" v:shapes="_x0000_i1025">
		</font>
	</span>
</p>

將display改為inline-block

.data_midlle_news_box03_2 ul li table tr td .news_box03_data > ol > li ul li {
	padding: 0;
	display: inline-block;
}

補充:

aspx_n=BEB148EF6C50AA39&s=91EA784E3805F97B(iPhone 6_7_8)

aspx_n=81A468D88D6F7B2A&s=4FAA1E66BA9521B3(iPhone 6_7_8)

aspx_n=BEB148EF6C50AA39&s=91EA784E3805F97B(iPhone 6_7_8) (1)


問題:

可能原因:

圖片寬度被寫死

原始程式:

位置:國家發展委員會 :697

<img alt="政府入口網" src="https://ws.ndc.gov.tw/001/administrator/10/webarchive/2720/fa286380-f853-4f88-b557-6229d2e51f09.png" style="width: 500px; height: 321px; float: left;">

建議修改:

<img alt="政府入口網" src="https://ws.ndc.gov.tw/001/administrator/10/webarchive/2720/fa286380-f853-4f88-b557-6229d2e51f09.png" style="max-width: 500px;width:  100%;height: auto;float: left;">

補充:

aspx_n=770C4B84956BD13B&sms=DC1F3F04E87448A1(iPhone 6_7_8)


問題:

可能原因:

連結文字不會自動斷行;list的display屬性錯誤

原始程式:

位置:https://www.ndc.gov.tw/css/index.css :526

body a {
	color: inherit;
	text-decoration: none;
}

建議修改:

  • 不會自動斷行

加入強制斷行的屬性

body a {
	color: inherit;
	text-decoration: none;
	word-wrap: break-word;
}
  • list的display屬性造成的跑版

參考上面 首頁>主要業務>經濟發展規劃>景氣動向>臺灣景氣循環峰谷認定>歷次景氣循環認定工作>第14次景氣循環谷底認定 的修改

補充:

aspx_n=0BEFF50B81923E92&sms=5F45DB839D84FE93&s=7711F4A141AE63A0(iPhone 6_7_8)


問題:

可能原因:

list的display屬性錯誤

建議修改:

參照上面 首頁>主要業務>經濟發展規劃>景氣動向>臺灣景氣循環峰谷認定>歷次景氣循環認定工作>第14次景氣循環谷底認定 的修改


問題:

可能原因:

表格內容過多;list的display屬性錯誤

建議修改:

  • 表格跑版

參照上面 首頁>主要業務>經濟發展規劃>景氣動向>臺灣景氣循環峰谷認定 的修改

  • list的display屬性造成的跑版

參照上面 首頁>主要業務>經濟發展規劃>景氣動向>臺灣景氣循環峰谷認定>歷次景氣循環認定工作>第14次景氣循環谷底認定 的修改


問題:

可能原因:

連結文字不會自動斷行

建議修改:

參照上面 首頁>主要業務>數位政府>歷史資料區>經貿國是會議>全國大會(7月26-28日)>全國大會會議紀錄第三天(103.07.28)>網路討論牆綜整意見 的修改


問題:

原始程式:

位置:國家發展委員會-績效管考

建議修改:

已測試,找不到頁面


問題:

原始程式:

位置:https://www.ndc.gov.tw/Content_List.aspx?n=C586C4C34E759945&upn=0D5EA13FC9DBDBB9

建議修改:

已測試,問題無法複現,此網頁應已經過修正


問題:

可能原因:

輸入框寬度被寫死

原始程式:

位置:https://www.ndc.gov.tw/Mail_Message.aspx?n=0FCF4B85F20FA9F4&sms=C5DD5CF5A0A590EC :733

<table align="center" width="100%" id="table_0">
	<tbody>
		<tr>
			......
			<td headers="table_0_2">
				<input name="ctl00$ContentPlaceHolder1$Email" type="text" id="ContentPlaceHolder1_Email" style="width:350px;">
				......
			</td>
			......
			<td headers="table_0_3">
				<input name="ctl00$ContentPlaceHolder1$Phone" type="text" id="ContentPlaceHolder1_Phone" style="width:350px;"><br>
				......
			</td>
			......
			<td headers="table_0_5">
				<textarea name="ctl00$ContentPlaceHolder1$Content" rows="2" cols="20" id="ContentPlaceHolder1_Content" style="height:189px;width:299px;"></textarea>
				......
			</td>
			......
		</tr>
	</tbody>
</table>

建議修改:

刪除input寬度限制,修改textarea寬度限制

<table align="center" width="100%" id="table_0">
	<tbody>
		<tr>
			......
			<td headers="table_0_2">
				<input name="ctl00$ContentPlaceHolder1$Email" type="text" id="ContentPlaceHolder1_Email">
				......
			</td>
			......
			<td headers="table_0_3">
				<input name="ctl00$ContentPlaceHolder1$Phone" type="text" id="ContentPlaceHolder1_Phone">
				......
			</td>
			......
			<td headers="table_0_5">
				<textarea name="ctl00$ContentPlaceHolder1$Content" rows="2" cols="20" id="ContentPlaceHolder1_Content" style="height:189px;max-width:299px;width:100%"></textarea>
				......
			</td>
			......
		</tr>
	</tbody>
</table>

補充:

aspx_n=0FCF4B85F20FA9F4&sms=C5DD5CF5A0A590EC(iPhone 6_7_8)


問題:

可能原因:

表格被撐開;利用空格排版

原始程式:

以 首頁>查詢專區>法律服務>訴願決定書查詢>李○○君因陳情事件訴願決定書 為例

  • 表格沒有自動換行造成的跑版

位置:https://www.ndc.gov.tw/css/detail.css :2157

.data_midlle_news_box03 > table tr td {
	border: 1px solid #ddd;
	line-height: 1.6;
}
  • 文字跑版

位置:李○○君因陳情事件訴願決定書 :795

<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;&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;</p>
<p style="margin-left: 36pt;">&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;&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 委員 于慧立</p>
<p style="margin-left: 36pt;">&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;&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 委員 方元沂</p>
<p style="margin-left: 36pt;">&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;&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 委員 李&nbsp;&nbsp; 奇</p>
<p style="margin-left: 36pt;">&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;&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 委員 林志憲</p>
<p style="margin-left: 36pt;">&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;&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 委員 郭宏榮</p>
<p style="margin-left: 36pt;">&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;&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;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;委員 詹方冠</p>
<p>&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;&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;&nbsp;&nbsp;&nbsp; 中華民國107年1月15日</p>

建議修改:

  • 表格沒有自動換行造成的跑版

加上word-break自動換行

.data_midlle_news_box03 > table tr td {
	border: 1px solid #ddd;
	line-height: 1.6;
	word-break:  break-word;
}
  • 文字跑版

將不必要的空白刪除,利用text-align排版

<p style="text-align:  right;">訴願審議委員會主任委員 高仙桂</p>
<p>&nbsp;</p>
<p style="margin-left: 36pt;text-align:  right;">委員 于慧立</p>
<p style="margin-left: 36pt;text-align:  right;">委員 方元沂</p>
<p style="margin-left: 36pt;text-align:  right;">委員 李&nbsp;&nbsp; 奇</p>
<p style="margin-left: 36pt;text-align:  right;">委員 林志憲</p>
<p style="margin-left: 36pt;text-align:  right;">委員 郭宏榮</p>
<p style="margin-left: 36pt;text-align:  right;">委員 詹方冠</p>
<p>&nbsp;</p>
<p style="text-align:  right;">中華民國107年1月15日</p>

補充:

aspx_n=5EF7D4A97BA1D613&sms=A834155AB23A3E7D&s=4602DC3B98241345(iPhone 6_7_8)


問題:

可能原因:

表格寬度被寫死,內容沒有自動換行;list的display屬性錯誤

原始程式:

位置:

<table class="css_tr css_big_thing" cellspacing="0" emptyshowheader="True" id="ContentPlaceHolder1_gvIndex" style="width:100%;border-collapse:collapse;">
	<tbody>
		......
		<tr>
			<td style="width:150px;">民國107年3月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國107年2月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國107年1月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國106年12月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國106年10月</td>\
			......
		</tr><tr>
			<td style="width:150px;">民國106年9月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國106年8月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國106年7月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國106年6月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國106年5月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國106年4月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國106年3月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國106年2月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國106年1月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國105年12月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國105年11月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國105年10月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國105年9月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國105年8月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國105年7月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國105年5月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國105年4月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國105年3月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國105年2月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國105年1月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國104年12月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國104年11月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國104年10月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國104年9月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國104年8月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國104年7月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國104年6月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國104年5月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國104年4月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國104年3月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國104年2月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國104年1月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國103年12月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國103年11月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國103年10月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國103年8月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國103年7月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國103年6月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國103年5月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國103年4月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國103年3月</td>
			......
		</tr><tr class="question_tr">
			<td style="width:150px;">民國103年2月</td>
			......
		</tr><tr>
			<td style="width:150px;">民國103年1月</td>
			......
		</tr>
	</tbody>
</table>

建議修改:

  • 表格跑版

改變表格寬度限制

<table class="css_tr css_big_thing" cellspacing="0" emptyshowheader="True" id="ContentPlaceHolder1_gvIndex" style="width:100%;border-collapse:collapse;">
	<tbody>
		......
		<tr>
			<td style="min-width:50px;">民國107年3月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國107年2月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國107年1月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國106年12月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國106年10月</td>\
			......
		</tr><tr>
			<td style="min-width:50px;">民國106年9月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國106年8月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國106年7月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國106年6月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國106年5月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國106年4月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國106年3月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國106年2月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國106年1月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國105年12月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國105年11月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國105年10月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國105年9月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國105年8月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國105年7月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國105年5月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國105年4月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國105年3月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國105年2月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國105年1月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國104年12月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國104年11月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國104年10月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國104年9月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國104年8月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國104年7月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國104年6月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國104年5月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國104年4月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國104年3月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國104年2月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國104年1月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國103年12月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國103年11月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國103年10月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國103年8月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國103年7月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國103年6月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國103年5月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國103年4月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國103年3月</td>
			......
		</tr><tr class="question_tr">
			<td style="min-width:50px;">民國103年2月</td>
			......
		</tr><tr>
			<td style="min-width:50px;">民國103年1月</td>
			......
		</tr>
	</tbody>
</table>
  • list的display屬性造成的跑版

參考上面 首頁>主要業務>經濟發展規劃>景氣動向>臺灣景氣循環峰谷認定>歷次景氣循環認定工作>第14次景氣循環谷底認定 的修改

補充:

aspx_n=594FC080B4D63D73&sms=1FA573C4C16AA6CC(iPhone 6_7_8)

問題:

建議修改:

已測試,找不到頁面,無法檢修

問題:

可能原因:

沒有設置連結

原始程式:

以 首頁>主要業務>國家發展規劃>歷期中長期計畫>新世紀第二期國家建設計畫(民國94至97年四年計畫暨民國104年展望) 為例
位置:https://www.ndc.gov.tw/Content_List.aspx?n=7021B4E8BCB254D5 :836 & :995

<img alt="top" border="0" height="20" src="https://ws.ndc.gov.tw/001/UserFiles/images/pic1/top.jpg" width="58">

建議修改:

<a fref="#"><img alt="top" border="0" height="20" src="https://ws.ndc.gov.tw/001/UserFiles/images/pic1/top.jpg" width="58"></a>

問題:

可能原因:

未設定z-index及底色

原始程式:

位置:https://www.ndc.gov.tw/css/detail.css :1473

ul.contentmenu li:hover ul {
	display: block;
}

建議修改:

ul.contentmenu li:hover ul,ul.contentmenu li:hover ul li {
	display: block;
	z-index:100;
	background-color:aliceblue;
}

補充:

aspx_n=1EE2F241A83A535D&sms=41B6C9A29297BFEA(iPhone 6_7_8)