經濟部工業局所屬工業區港52個網站－龎袿方

ray 經濟部
#1

網站

經濟部工業局所屬工業區港52個網站

姓名

龎袿方

日期

2017-11-13

瀏覽器解析度（iOS的Safari填裝置名稱 macOS填瀏覽器解析度）

iPad Air (MD789TA/B)

作業系統版本

Windows 10 專業版（SP1）
11.0.3 (15A432)）

瀏覽器版本（iOS的Safari填iOS版本）

Chrome：版本 61.0.3163.100 (正式版本) (64 位元)
Safari：版本 11.0.3 (15A432)

有發現表格排版影響閱讀問題（大量table爆炸可以截示意圖列出位置就好）

無

有跑版（影響閱讀）問題

圖1

有出現亂碼

無

有壞掉的連結

無

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

無|N/A

有不能運作的網頁元素（如按鈕不能按、選單不能選等）

無

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

圖1

圖1

對此網站建議（給個建議吧）

[首頁][聯絡我們][本局各承辦人員工作職掌及連絡電話一覽表]
建議以表格呈現，現在的畫面較為凌亂

[首頁][工業區管理機構聘用人員歷年甄選試題]
建議以表格呈現，現在的畫面較為凌亂

網站顏色搭配良好，且用不同顏色的框框標示出頁面中不同的資訊。但畫面都跑很慢 ><

#2

可能的原因：

使用 float 使其浮動

原始程式：

<div style="display: inline-block;float: right;">
					<a href="http://www.handicap-free.nat.gov.tw/Applications/Detail?category=20150129175626" title="另開新視窗，檢視無障礙標章資訊" class="" tabindex="900" rel="noopener noreferrer" target="_blank"><span class="aptCopyrightAccessibliity"></span></a>
					<a href="http://www.gov.tw" class="" rel="noopener noreferrer" target="_blank" title="另開新視窗，我的E政府" tabindex="900"><span class="aptCopyrightEGov"></span></a>
				</div>

建議修改：

<div style="display: inline-block;">
					<a href="http://www.handicap-free.nat.gov.tw/Applications/Detail?category=20150129175626" title="另開新視窗，檢視無障礙標章資訊" class="" tabindex="900" rel="noopener noreferrer" target="_blank"><span class="aptCopyrightAccessibliity"></span></a>
					<a href="http://www.gov.tw" class="" rel="noopener noreferrer" target="_blank" title="另開新視窗，我的E政府" tabindex="900"><span class="aptCopyrightEGov"></span></a>
				</div>
#3

可能的原因：

css 樣式設定不當

原始程式：

https://www.moeaidb.gov.tw/external/css/2015/idb2015.css?v=1511933175636

div.idbInfographicsItem
{
	width: 285px;
	padding: 5px;
	margin: 5px;
	border: 1px solid #999999;
	border-radius: 0.308em;
	box-shadow: 0px 0.154em 0.462em -0.077em #7C7C7C;
	background-color: #FFFFFF;
}
.idbInfographics
{
}
.idbInfographics ul
{
}
	
.idbInfographics ul li
{
	padding: 0.125em;
	margin: 0 auto;
	text-align: center;
}


.idbInfographicsPreview
{
	vertical-align: top;
	text-align: center;
	margin: 0 auto;
}
.idbInfographicsPreview ul 
{
	padding: 0;
}

.idbInfographicsPreview ul li
{
	display: list-item;
}

.idbInfographicsPreviewImage
{
	padding: 0;
	margin:0 auto;
	text-align: center;
}

.idbInfographicsPreviewImage img
{
	max-width: 220px;
}

建議修改：

div.idbInfographicsItem
{
	padding: 5px;
	margin: 5px;
	border: 1px solid #999999;
	border-radius: 0.308em;
	box-shadow: 0px 0.154em 0.462em -0.077em #7C7C7C;
	background-color: #FFFFFF;
}
.idbInfographics
{
}
.idbInfographics ul
{
}
	
.idbInfographics ul li
{
	padding: 0.125em;
	margin: 0 auto;
	text-align: center;
}


.idbInfographicsPreview
{
	vertical-align: top;
	text-align: center;
	margin: 0 auto;
}
.idbInfographicsPreview ul 
{
	padding: 0;
}

.idbInfographicsPreview ul li
{
	display: list-item;
}

.idbInfographicsPreviewImage
{
	padding: 0;
	margin:0 auto;
	text-align: center;
}

.idbInfographicsPreviewImage img
{
        width: 100%;
	max-width: 220px;
}
#4

網站完全載完會耗費 54.9 MB 流量
圖片過大