國立臺灣史前文化博物館-盧苡萱

網站

國立臺灣史前文化博物館

姓名

盧苡萱

檢測日期

2018-04-18

檢測裝置

iphone7

作業系統 與 瀏覽器版本

iOS11.2

解析度(手機螢幕)

375x667

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

壞掉的連結

跑版(影響閱讀)問題

[color=red]文字跑版[/color]


[color=red]網頁跑版[/color]


[color=red]文字排版有點窄,閱讀吃力[/color]


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

出現亂碼

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

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

閱讀模式

不可以用

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

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

[color=red]設計簡單明瞭,很人性化[/color]


[color=red]可增設網站導覽[/color]

範例 文化資產局41

問題一

問題:

可能原因:

表格突出

原始程式:

<table style="border:1px #cccccc solid;" cellspacing="0" cellpadding="0" width="100%">
  <tbody><tr>
    <td width="55"><br>
      編號 </td>
    <td width="228" valign="top"><p>迄點&gt; 終點 </p></td>
    <td width="132" valign="top"><p align="center">金 額 </p></td>
    <td width="144" valign="top"><p align="center">附 記 </p></td>
  </tr>
  <tr>
    <td width="55"><p align="center">1</p></td>
    <td width="228" valign="top"><p>史前博物館&gt; 市區 </p></td>
    <td width="132" valign="top"><p align="center">NT$250</p></td>
    <td width="144" valign="top"><p align="center">返程同價 </p></td>
  </tr>
  <tr>
    <td width="55"><p align="center">2</p></td>
    <td width="228" valign="top"><p>史前博物館&gt; 車站 </p></td>
    <td width="132" valign="top"><p align="center">NT$250</p></td>
    <td width="144" valign="top"><p align="center">返程同價 </p></td>
  </tr>
  <tr>
    <td width="55"><p align="center">3</p></td>
    <td width="228" valign="top"><p>史前博物館&gt; 機場 </p></td>
    <td width="132" valign="top"><p align="center">NT$250</p></td>
    <td width="144" valign="top"><p align="center">返程同價 </p></td>
  </tr>
  <tr>
    <td width="55"><p align="center">4</p></td>
    <td width="228" valign="top"><p>史前博物館&gt; 森林公園 </p></td>
    <td width="132" valign="top"><p align="center">NT$250</p></td>
    <td width="144" valign="top"><p align="center">返程同價 </p></td>
  </tr>
  <tr>
    <td width="55"><p align="center">5</p></td>
    <td width="228" valign="top"><p>史前博物館&gt; 卑南遺址公園 </p></td>
    <td width="132" valign="top"><p align="center">NT$250</p></td>
    <td width="144" valign="top"><p align="center">返程同價 </p></td>
  </tr>
  <tr>
    <td width="55"><p align="center">6</p></td>
    <td width="228" valign="top"><p>史前博物館&gt; 富崗 </p></td>
    <td width="132" valign="top"><p align="center">NT$400</p></td>
    <td width="144" valign="top"><p align="center">返程同價 </p></td>
  </tr>
  <tr>
    <td width="55"><p align="center">7</p></td>
    <td width="228" valign="top"><p>史前博物館&gt; 知本車站 </p></td>
    <td width="132" valign="top"><p align="center">NT$350</p></td>
    <td width="144" valign="top"><p align="center">返程同價 </p></td>
  </tr>
  <tr>
    <td width="55"><p align="center">8</p></td>
    <td width="228" valign="top"><p>史前博物館&gt; 知本內溫泉 </p></td>
    <td width="132" valign="top"><p align="center">NT$500</p></td>
    <td width="144" valign="top"><p align="center">返程同價 </p></td>
  </tr>
  <tr>
    <td width="55"><p align="center">9</p></td>
    <td width="228" valign="top"><p>市區&gt; 車站 </p></td>
    <td width="132" valign="top"><p align="center">NT$200</p></td>
    <td width="144" valign="top"><p align="center">返程同價 </p></td>
  </tr>
  <tr>
    <td width="55"><p align="center">10</p></td>
    <td width="228" valign="t

				</div><!-- maincontent end -->
				



			</div><!-- wrap93 end -->
		</section> <!-- #container end -->
			<footer>
		<div id=" footerpink"="" class="">
	
			<img src="https://www.nmp.gov.tw/nmpmobile/img/footerbe.png" class="pink">
			<p></p>
			<img src="https://www.nmp.gov.tw/nmpmobile/img/icon_top.png" id="totop" style="display: inline; opacity: 1;">
		
		<div id="footerblack">
			<div class="wrap93">
				<ul class="dista footerloca">
					<li style="width:50%;">
						<h3>康樂本館</h3>
					</li>
					<li style="width:50%;">
						<a href="https://goo.gl/maps/vnZMV" target="_blank" class="location">
							<img src="https://www.nmp.gov.tw/nmpmobile/img/location.png">
						</a>
					</li>
				</ul>
				<div class="fs95 lh160 pdl1em g777 top10">
					950-60 臺東市康樂里博物館路1號<br>
					電話︰089-381166<br>傳真:089-381199
				</div>
	
				<ul class="dista footerloca top20">
					<li style="width:50%;">
						<h3>卑南遺址公園</h3>
					</li>
					<li style="width:50%;">
						<a href="https://goo.gl/maps/rWBCd" target="_blank" class="location">
							<img src="https://www.nmp.gov.tw/nmpmobile/img/location.png">
						</a>
					</li>
				</ul>
				<div class="fs95 lh160 pdl1em g777 top10">
					950-59 臺東市文化公園路200號<br>
					電話:089-233466<br>傳真:089-233467
				</div>
	
				<ul class="dista footerloca top20">
					<li style="width:50%;">
						<h3>南科分館籌備處</h3>
					</li>
					<li style="width:50%;">
						<a href="https://goo.gl/maps/JaLQE" target="_blank" class="location">
							<img src="https://www.nmp.gov.tw/nmpmobile/img/location.png">
						</a>
					</li>
				</ul>
				<div class="fs95 lh160 pdl1em g777 top10">
					741-47 台南市新市區南科三路9號2樓<br>
					電話:06-5050905<br>傳真:06-5050906
				</div>
				
				<p class="top30">
					<a href="https://www.facebook.com/NMPrehistory" target="_blank"><img src="https://www.nmp.gov.tw/nmpmobile/img/fb.png" alt="facebook" style="width:45px;height:45px;"></a>
	
					<a href="https://www.youtube.com/user/NMPrehistory" target="_blank"><img src="https://www.nmp.gov.tw/nmpmobile/img/youtube.png" alt="facebook" style="width:45px;height:45px;" class="pdl1em"></a>
				</p>
	
				<p class="top15">
					<a href="https://www.nmp.gov.tw/nmpmobile/index.php" class="backhome">回首頁</a>
					<a href="https://www.nmp.gov.tw/" class="full" target="_blank">完整版網站</a>
				</p>
				<p class="fs80 top5 g444">國立臺灣史前文化博物館 版權所有</p>
	
			</div> <!-- wrap93 end -->
		</div>
	
	
	


</td></tr></tbody></table>

建議修改:

tr tag 增加max-width: 100%;
table set attribute: width:100%;

補充

結尾(選填,可增加網站建議)