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

[shannon110012]

網站

新竹科學工業園區管理局

姓名

盧苡萱

檢測日期

2018-4-21

檢測裝置

iphone7

作業系統 與 瀏覽器版本

iOS11.2

解析度（手機螢幕）

375x667

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

是

壞掉的連結

無

跑版（影響閱讀）問題

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

• 首頁> 園區交通>園區地圖
  

---

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

• 首頁>園區交通>公路交通
  

• 首頁>園區交通>園區計程車服務
  

• 首頁>聯絡窗口
  

• 首頁>最新消息
  

• 首頁>最新消息>5/1勞動節，巡迴巴士停駛一天(最新消息下的子項目都有這個問題，僅列出一個做為代表)
  

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

無

出現亂碼

無

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

無

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

無

閱讀模式

不可以用

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

無

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

[color=red]操作簡單，但網站有點太沒設計感。[/color]

[YungYu]

問題：

@shannon110012

圖片跑版

首頁> 園區交通>園區地圖

可能原因：

圖片本身就是橫的

原始程式：

位置：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;
}

[YungYu]

問題：

@shannon110012

文字跑版

首頁>園區交通>公路交通

可能原因：

段落中有多餘空白

原始程式：

位置：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>

補充：

---

問題：

@shannon110012

文字跑版

首頁>園區交通>園區計程車服務

可能原因：

螢幕寬度不夠顯示一行字

原始程式：

位置：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;
}

補充：

---

問題：

@shannon110012

文字跑版

首頁>聯絡窗口

可能原因：

有多餘空白

原始程式：

位置：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>

補充：

---

問題：

@shannon110012

文字跑版

首頁>最新消息

可能原因：

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;
}

補充：

---

問題：

@shannon110012

文字跑版

首頁>最新消息>5/1勞動節，巡迴巴士停駛一天(最新消息下的子項目都有這個問題，僅列出一個做為代表)

可能原因：

未設置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;
}

補充：