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

網站

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

姓名

穆邦妮

檢測日期

2018-05-20

檢測裝置

iphone 6

作業系統 與 瀏覽器版本

ios 11.2

解析度(手機螢幕)

375 x 667 pixels

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

壞掉的連結

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

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

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

出現亂碼

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

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

閱讀模式

不可以用

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

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

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

1個讚

問題:

可能原因:

表格內容過多

原始程式:

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

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

補充:

圖中表格為向左拖曳後之示意圖
aspx_n=CFE70517438B3714&s=FBB9B41A2800414D(iPhone 6_7_8) (1)