新竹科學工業園區管理局-盧苡萱

網站

新竹科學工業園區管理局

姓名

盧苡萱

檢測日期

2018-4-21

檢測裝置

iphone7

作業系統 與 瀏覽器版本

iOS11.2

解析度(手機螢幕)

375x667

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

壞掉的連結

跑版(影響閱讀)問題

圖片跑版 (解法回文連結)


文字跑版 (解法回文連結)

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

出現亂碼

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

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

閱讀模式

不可以用

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

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

操作簡單,但網站有點太沒設計感。

1 Like

問題:

可能原因:

圖片本身就是橫的

原始程式:

位置:https://www.sipa.gov.tw/mobile/04_1.jsp :63

<img border="0" alt="HsinChu Sicence Park map" src="http://www.sipa.gov.tw/content/img/pdamap.jpg">

建議修改:

加上transform屬性旋轉圖片,並限制寬度

<img border="0" alt="HsinChu Sicence Park map" src="http://www.sipa.gov.tw/content/img/pdamap.jpg" style="transform: rotate(90deg); width:  100%;">

補充:

結尾:

上方選項跑版
位置:https://www.sipa.gov.tw/mobile/04_1.jsp :36
用list將各選項包起來,再加上css格式

<td class="font_blue" valign="top" align="left">
	<ul style="padding:  unset;">
		<li><a href="01.jsp">我們的服務</a></li>
		<li><a href="02.jsp">組織架構</a></li>
		<li><a href="03.jsp">認識園區</a></li>
		<li><a href="04.jsp">園區交通</a></li>
		<li><a href="05.jsp">聯絡窗口</a></li>
		<li><a href="06.jsp">最新消息</a></li>
		<li><a href="07.jsp">廠商查詢</a></li>
		<li><a href="08.jsp">服務業查詢</a></li>
	</ul>
</td>
li {
	display:  inline-block;
	margin:  3px;
	border-left: 1px #0574ab solid;
	padding-left: 6px;
}

問題:

可能原因:

段落中有多餘空白

原始程式:

位置:https://www.sipa.gov.tw/mobile/04_4.jsp :69

<p>
	......
	<span class="unnamed1">◎台北到竹科 行駛客運:</span>
	<a class="font_blue" target="_blank" href="http://www.yalanbus.com.tw/">亞聯客運</a>
	<br>
	<span class="unnamed1">◎板橋到竹科 行駛客運:</span>
	<a class="font_blue" target="_blank" href="http://www.ubus.com.tw/">統聯客運</a>
	<br>
	<span class="unnamed1">◎台中到竹科 行駛客運:</span>
	<a class="font_blue" target="_blank" href="http://www.kingbus.com.tw/index.php">國光客運</a>
	<span class="unnamed1">、</span>           <a class="font_blue" target="_blank" href="http://www.ubus.com.tw/">統聯客運</a>
</p>

建議修改:

刪除多餘空白;將三個標題改用div標籤自成一行

<p>
	......
	<div class="unnamed1">◎台北到竹科 行駛客運:</span>
	<a class="font_blue" target="_blank" href="http://www.yalanbus.com.tw/">亞聯客運</a>
	<br>
	<div class="unnamed1">◎板橋到竹科 行駛客運:</span>
	<a class="font_blue" target="_blank" href="http://www.ubus.com.tw/">統聯客運</a>
	<br>
	<div class="unnamed1">◎台中到竹科 行駛客運:</span>
	<a class="font_blue" target="_blank" href="http://www.kingbus.com.tw/index.php">國光客運</a>
	<span class="unnamed1">、</span>
	<a class="font_blue" target="_blank" href="http://www.ubus.com.tw/">統聯客運</a>
</p>

補充:


問題:

可能原因:

螢幕寬度不夠顯示一行字

原始程式:

位置:https://www.sipa.gov.tw/mobile/04_6.jsp :63

<td class="unnamed1" valign="top" align="left">
	......
	&nbsp; <br>
	&nbsp; (1) 第一運輸車行:03-5516000 <br>
	&nbsp; (2) 金立衛星計程車隊:03-5221111 <br>
	&nbsp; (3) 紅帥無線電車行:03-5713333 <br>
	&nbsp; (4) 園區車行:03-5778716
</td>

建議修改:

使用span標籤將文字包起來並於css設置span的display屬性

<td class="unnamed1" valign="top" align="left">
	......
	&nbsp; 
	<span>(1) 第一運輸車行:</span>
	<span>03-5516000 </span><br>
	&nbsp; 
	<span>(2) 金立衛星計程車隊:</span>
	<span>03-5221111 </span><br>
	&nbsp; 
	<span>(3) 紅帥無線電車行:</span>
	<span>03-5713333 </span><br>
	&nbsp; 
	<span>(4) 園區車行:</span>
	<span>03-5778716</span>
</td>
span {
	display:  inline-block;
}

補充:


問題:

可能原因:

有多餘空白

原始程式:

位置:https://www.sipa.gov.tw/mobile/05.jsp :64

<table class="a41" cellspacing="1" cellpadding="2" width="100%" bgcolor="#999999" border="0">
	<tbody>
		......
		<tr>
			<td class="unnamed1" bgcolor="#ffffff">假  日:</td>
			<td class="unnamed1" bgcolor="#ffffff">8時-18時</td>
			<td class="unnamed1" bgcolor="#ffffff">值勤人員服務</td>
		</tr>
		<tr>
			<td class="unnamed1" bgcolor="#ffffff">夜  間:</td>
			<td class="unnamed1" bgcolor="#ffffff">18時-次日8時</td>
			<td class="unnamed1" bgcolor="#ffffff">值勤人員服務</td>
		</tr>
		<tr>
			<td class="unnamed1" bgcolor="#ffffff">地  址:</td>
			<td class="unnamed1" bgcolor="#ffffff" colspan="2">新竹市新安路2號</td>
		</tr>
		<tr>
			<td class="unnamed1" bgcolor="#ffffff">電  話:</td>
			<td class="unnamed1" bgcolor="#ffffff" colspan="2">(03)577-3311</td>
		</tr>
		<tr>
			<td class="unnamed1" bgcolor="#ffffff">傳  真:</td>
			<td class="unnamed1" bgcolor="#ffffff" colspan="2">(03)577-6222</td>
		</tr>
		......
	</tbody>
</table>

建議修改:

刪除各項多餘空白

<table class="a41" cellspacing="1" cellpadding="2" width="100%" bgcolor="#999999" border="0">
	<tbody>
		......
		<tr>
			<td class="unnamed1" bgcolor="#ffffff">假日:</td>
			<td class="unnamed1" bgcolor="#ffffff">8時-18時</td>
			<td class="unnamed1" bgcolor="#ffffff">值勤人員服務</td>
		</tr>
		<tr>
			<td class="unnamed1" bgcolor="#ffffff">夜間:</td>
			<td class="unnamed1" bgcolor="#ffffff">18時-次日8時</td>
			<td class="unnamed1" bgcolor="#ffffff">值勤人員服務</td>
		</tr>
		<tr>
			<td class="unnamed1" bgcolor="#ffffff">地址:</td>
			<td class="unnamed1" bgcolor="#ffffff" colspan="2">新竹市新安路2號</td>
		</tr>
		<tr>
			<td class="unnamed1" bgcolor="#ffffff">電話:</td>
			<td class="unnamed1" bgcolor="#ffffff" colspan="2">(03)577-3311</td>
		</tr>
		<tr>
			<td class="unnamed1" bgcolor="#ffffff">傳真:</td>
			<td class="unnamed1" bgcolor="#ffffff" colspan="2">(03)577-6222</td>
		</tr>
		......
	</tbody>
</table>

補充:


問題:

可能原因:

margin屬性造成之縮排

原始程式:

位置:https://www.sipa.gov.tw/mobile/css/css01.css :1

.unnamed1 {
	font-size:0.9375em;
	line-height: 21px;
	border: thin none;
	margin: 5px;
}

建議修改:

刪除margin屬性

.unnamed1 {
	font-size:0.9375em;
	line-height: 21px;
	border: thin none;
}

補充:


問題:

可能原因:

未設置display屬性

原始程式:

位置:https://www.sipa.gov.tw/mobile/css/css01.css :1

.unnamed1 {
	font-size:0.9375em;
	line-height: 21px;
	border: thin none;
	margin: 5px;
}

建議修改:

.unnamed1 {
	font-size:0.9375em;
	line-height: 21px;
	border: thin none;
	margin: 5px;
	display:  block;
}

補充: