基隆港務分公司蘇澳港全球資訊網(中文網)-游子萱

ray 交通部
#1

網站

基隆港務分公司蘇澳港全球資訊網-中文網

姓名

游子萱

日期

2017-11-27

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

Safari：版本 10.3.3(14G60)

作業系統版本

Windows 10

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

Chrome：版本 61.0.3163.100 (正式版本) (64 位元)
Safari：版本 10.3.3(14G60)

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

無

有跑版（影響閱讀）問題

有出現亂碼

無

有壞掉的連結

無

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

無|N/A

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

無

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

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

本網站的文字行距太小(即使改變字體大小也是如此)，以致於許多字較多的頁面較難以閱讀，希望能夠調整字體的行距。

#2

問題：

可能原因：

margin設定太小

原始程式：

.module_news1_c{
background: #FFF;
clear: both;
line-height: 1.7;
overflow: hidden;
position: relative;
margin: 80px;
margin-left: 0px;*
padding-bottom: 15px;
width: 104%;
}

建議修改：

加大margin值

.module_news1_c{
background: #FFF;
clear: both;
line-height: 1.7;
overflow: hidden;
position: relative;
margin: 120px;
margin-left: 0px;*
padding-bottom: 15px;
width: 104%;
}

補充：

修改後情形

#3

問題：

可能原因：

未作行高之設定

原始程式：

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
margin: 0;
padding: 0;
border: 0;
font: inherit;
/*vertical-align: baseline;*/
}

建議修改：

增加line-height設定

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
margin: 0;
padding: 0;
border: 0;
font: inherit;
line-height: 200%;
/*vertical-align: baseline;*/
}

補充：

修改後情形。
針對排版，可以調整圖片大小減低視覺上排版皆靠頁面左邊的問題。