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

網站

退除役官兵就學進修輔助

姓名

盧苡萱

檢測日期

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個讚

問題:

可能原因:

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

原始程式:

位置: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)

問題:

可能原因:

使用表格排版;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)

問題:

可能原因:

圖片長寬被寫死

原始程式:

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

建議修改:

參考 上面