退除役官兵就學進修輔助-盧苡萱

ray 國軍退除役官兵輔導委員會
, ,
#1

網站

退除役官兵就學進修輔助

姓名

盧苡萱

檢測日期

2018-05-04

檢測裝置

iphone7

作業系統 與 瀏覽器版本

iOS11.2

解析度（手機螢幕）

螢幕解析度 (e.g. 1920x1080 pixels)

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

是

壞掉的連結

無

跑版（影響閱讀）問題

[color=red]網頁跑版[/color] (解法回文連結)

[color=red]文字跑版[/color] (解法回文連結)

[color=red]圖片跑版[/color] (解法回文連結)

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

無

出現亂碼

無

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

無

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

無

閱讀模式

不可以用

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

無

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

[color=red]跑版情形有點嚴重，且網站資訊很少[/color]

1個讚
#2

問題：

可能原因：

使用圖片限定寬度擠壓到文字的空間

原始程式：

位置：https://edu.vac.gov.tw/default.aspx :193

<table style="width:100%; padding:0px; border-spacing:0px; align-content:center; border:0px;">
	<tbody>
		<tr>
			<td style="width:90%;" class="bg_title01">申請說明</td>
			<td style="width:10%;">
				<img src="images/bgr_title01.jpg?20181113" width="112" height="47" alt="bgr_title01">
			</td>
		</tr>
	</tbody>
</table>

建議修改：

<div class="bg_title01" style="background-color: #005da6;height:  47px;border-radius: 0 15px 15px 0;border: 5px solid #005da6;">申請說明</div>

補充：

aspx(iPhone 6_7_8)

問題：

原始程式：

位置：https://edu.vac.gov.tw/menu6_gmap.aspx

建議修改：

已測試，資訊可以向左拖曳，問題無法複現

問題：

可能原因：

長寬設置錯誤

原始程式：

位置：https://edu.vac.gov.tw/menu7_gmap.aspx

<div id="mymap1" style="float: left; width: 800px; height: 600px; position: relative; overflow: hidden;">......</div>
<div id="directions_panel1" style="float: right; width: 200px; height: 100%; direction: ltr;">......</div>

建議修改：

<div id="mymap1" style="float: left; width: 100%; height: 600px; position: relative; overflow: hidden;">......</div>
<div id="directions_panel1" style="float: right; direction: ltr;">......</div>

補充：

aspx(iPhone 6_7_8)

#3

問題：

可能原因：

使用表格排版；display設置錯誤

原始程式：

位置：

<table style="width:100%;" class="onMs">
	<tbody>
		<tr>
			<td>
				<table style="width:100%; font-size: 16px; align-content:center">
					<tbody>
						<tr>
							<td style="width:15%;"></td>
							<td style="width:15%; padding: 5px 5px; vertical-align: top;"><a id="hlLinkHone" href="./default.aspx">首頁</a></td>
							<td style="width:27%; padding: 5px 5px; vertical-align: top;"><a id="hlLinkGrants" href="https://www.vac.gov.tw/lp-2473-1.html" target="_blank">常見問題</a></td>
							<td style="width:38%; padding: 5px 5px; vertical-align: top;"><a id="hlLinkVeteransService" href="./menu6_gmap.aspx" style="margin-right: 30px;">各榮民服務處</a></td>
							<td style="width:15%;"></td>
						</tr>
						<tr>
							<td style="width:15%;"></td>
							<td style="padding: 5px 5px; vertical-align: top;"><a id="hlLinkNews" href="./news.aspx">最新消息</a></td>
							<td style="padding: 5px 5px; vertical-align: top;"><a id="hlLinkSiteMap" href="./sitemap.aspx">網站導覽</a></td>
							<td style="padding: 5px 5px; vertical-align: top;"><a id="hlLinkVac" href="./menu7_gmap.aspx" style="margin-right: 30px;">本會就學就業服務處</a></td>
							<td style="width:15%;"></td>
						</tr>
					</tbody>
				</table>
			</td>
		</tr>
		<tr>
			<td>
				<table style="width:100%;" class="onMs">
					<tbody>
						<tr>
							<td style="width:15%;" rowspan="2">	 
								<div><img src="images/logo.png" alt="LOGO" style="width: 135px; height: 133px" title="LOGO"></div>
							</td>
							<td style="width:70%;">
								<a id="hlStatement" href="LastNote1.aspx">網站資料開放宣告</a>│<a id="hlPrivacyPolicy" href="LastNote2.aspx">隱私權政策</a>│<a id="hlSecurity" href="LastNote3.aspx">安全政策宣示</a>
							 	<br>本網站最佳瀏覽狀態為1024X768以上解析度<br>
								累計瀏覽人數：<span id="lb_webToal">13891301</span> 人
							</td>
							<td style="width:15%;" rowspan="2">
								<div style="margin-top: 12px;"><img src="images/vac.png" alt="QR Code" style="width: 146px; height: 147px" title="QR Code"></div>
							</td>
						</tr>
						<tr>
							<td>國軍退除役官兵輔導委員會<br>地址：11025臺北市信義區忠孝東路五段 222 號 TEL：(02)27255700</td>
						</tr>
					</tbody>
				</table>
			</td>
		</tr>
	</tbody>
</table>

建議修改：

改為使用list排版

<table style="width:100%;" class="onMs">
	<tbody>
		<tr>
			<td>
				<ul style="width:100%; font-size: 16px; align-content:center">
					<li style="padding: 5px 5px; vertical-align: top;"><a id="hlLinkHone" href="./default.aspx">首頁</a></li>
					<li style="padding: 5px 5px; vertical-align: top;"><a id="hlLinkGrants" href="https://www.vac.gov.tw/lp-2473-1.html" target="_blank">常見問題</a></li>
					<li style="padding: 5px 5px; vertical-align: top;"><a id="hlLinkVeteransService" href="./menu6_gmap.aspx" style="margin-right: 30px;">各榮民服務處</a></li>
					<li style="padding: 5px 5px; vertical-align: top;"><a id="hlLinkNews" href="./news.aspx">最新消息</a></li>
					<li style="padding: 5px 5px; vertical-align: top;"><a id="hlLinkSiteMap" href="./sitemap.aspx">網站導覽</a></li>
					<li style="padding: 5px 5px; vertical-align: top;"><a id="hlLinkVac" href="./menu7_gmap.aspx" style="margin-right: 30px;">本會就學就業服務處</a></li>
				</ul>
			</td>
		</tr>
		<tr>
			<td>
				<table style="width:100%;" class="onMs">
					<tbody>
						<tr>
							<td style="width:15%;" rowspan="2">	 
								<div><img src="images/logo.png" alt="LOGO" style="max-width: 100%" title="LOGO"></div>
							</td>
							<td style="width:70%;">
								<a id="hlStatement" href="LastNote1.aspx">網站資料開放宣告</a>│<a id="hlPrivacyPolicy" href="LastNote2.aspx">隱私權政策</a>│<a id="hlSecurity" href="LastNote3.aspx">安全政策宣示</a>
							 	<br>本網站最佳瀏覽狀態為1024X768以上解析度<br>
								累計瀏覽人數：<span id="lb_webToal">13891301</span> 人
							</td>
							<td style="width:15%;" rowspan="2">
								<div style="margin-top: 12px;"><img src="images/vac.png" alt="QR Code" style="max-width: 100%" title="QR Code"></div>
							</td>
						</tr>
						<tr>
							<td>國軍退除役官兵輔導委員會<br>地址：11025臺北市信義區忠孝東路五段 222 號 TEL：(02)27255700</td>
						</tr>
					</tbody>
				</table>
			</td>
		</tr>
	</tbody>
</table>

在css中加上display屬性

li,.onMs a{
	display:inline-block;
}

補充：

aspx(iPhone 6_7_8) (1)

#4

問題：

可能原因：

圖片長寬被寫死

原始程式：

位置：https://edu.vac.gov.tw/default.aspx

建議修改：

參考 上面