國立海洋生物博物館_研究主題網_穆邦妮

[bonniemu]

網站

國立海洋生物博物館研究主題網

姓名

穆邦妮

檢測日期

2018-05-20

檢測裝置

iphone 6

作業系統 與 瀏覽器版本

ios 11.2

解析度（手機螢幕）

375 x 667 pixels

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

是

壞掉的連結

無

跑版（影響閱讀）問題 (解法回文連結)

1. 首頁>研究動態>歷年研究成果統計
   

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

無

出現亂碼

無

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

無

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

無

閱讀模式

不可以用

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

無

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

希望網站可以提供意見信箱。

[YungYu]

問題：

@bonniemu

跑版（影響閱讀）問題

首頁>研究動態>歷年研究成果統計

可能原因：

表格內容過多

原始程式：

位置：研究主題網-歷年研究成果統計

<table style="margin:0px auto;" width="100%">
	<img alt="歷年論文統計(89年~105年)" src="http://ws.nmmba.gov.tw/001/Upload/224/ckfile/47a5100b-663c-4e83-854b-7282928e1dcb.jpg" style="width: 681px;height: 379px;">
	......
	<table border="1" cellpadding="1" cellspacing="1" style="width:100%;">......</table>
	......
	<img alt="歷年研討會論文統計(89年~105年)" src="http://ws.nmmba.gov.tw/001/Upload/224/ckfile/2c48e540-e861-4a09-8d5a-6681eb2c7e75.jpg" style="width: 681px; height: 379px;">
	......
	<table border="1" cellpadding="1" cellspacing="1" style="width:100%;">......</table>
	......
	<img alt="歷年專利、專書、科普文章統計(89年~105年)" src="http://ws.nmmba.gov.tw/001/Upload/224/ckfile/8a6396e7-67ee-456f-8b1d-71dd5c26fd71.jpg" style="width: 681px; height: 379px;">
	......
	<table border="1" cellpadding="1" cellspacing="1" style="width:100%;">......</table>
</table>

建議修改：

1. 最外層table加上table-layout屬性
2. 刪除圖片寫死的長寬
3. 將內層的table用帶有overflow屬性的div包起來

<table style="margin:0px auto;table-layout:fixed;" width="100%">
	<img alt="歷年論文統計(89年~105年)" src="http://ws.nmmba.gov.tw/001/Upload/224/ckfile/47a5100b-663c-4e83-854b-7282928e1dcb.jpg">
	......
	<div style="overflow:scroll;>
		<table border="1" cellpadding="1" cellspacing="1" style="width:100%;">......</table>
	</div>
	......
	<img alt="歷年研討會論文統計(89年~105年)" src="http://ws.nmmba.gov.tw/001/Upload/224/ckfile/2c48e540-e861-4a09-8d5a-6681eb2c7e75.jpg">
	......
	<div style="overflow:scroll;>
		<table border="1" cellpadding="1" cellspacing="1" style="width:100%;">......</table>
	</div>
	......
	<img alt="歷年專利、專書、科普文章統計(89年~105年)" src="http://ws.nmmba.gov.tw/001/Upload/224/ckfile/8a6396e7-67ee-456f-8b1d-71dd5c26fd71.jpg">
	......
	<div style="overflow:scroll;>
		<table border="1" cellpadding="1" cellspacing="1" style="width:100%;">......</table>
	</div>
</table>

補充：

圖中表格為向左拖曳後之示意圖