衛生福利部-高偉庭

網站

衛生福利部

姓名

高偉庭

檢測日期

2018-04-02

檢測裝置

Samsung Galaxy S7 edge

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本:Chrome 64.0.3325.109

解析度(手機螢幕)

螢幕解析度 360x640 pixels

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

壞掉的連結


跑版(影響閱讀)問題




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

出現亂碼

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

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

閱讀模式

可以用/不可以用

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


  • [首頁>本部簡介]
    點擊本部簡介時會直接跳入部長簡介,點擊其他與本部簡介同層級的分類時都會有跳出分類的頁面
    2018-04-02_192217
    上圖為分類頁面示意圖(本部簡介缺少這一頁)解法回文連結


  • 首頁
    最下面點點去,點擊只可更改最下方方框的連結圖式,不是很方便(解法回文連結)
    Screenshot_20180402-151356



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

首頁部份分成了太多塊狀的欄位,有點分不清楚為什麼要分成這麼多平行的目錄。建議可以把最重要的部份重點標示或用圖示表達,其他重點整合成一個總目錄即可
建議可以整合各旗下粉絲團,不用分類那麼細

問題:

可能問題:

img大小沒有調整

原始程式:

位置:113保護專線介紹- 衛生福利部 :223

<img alt="113接線服務流程" src="/Public/Images/201702/4841702031629010ec.jpg" style="width:auto;heigth:auto;">

建議修改:

把外面不知道在做什麼的p tag刪掉,長寬改100%

<img alt="113接線服務流程" src="/Public/Images/201702/4841702031629010ec.jpg" style="width:100%;heigth:100%;">

補充:

圖片

問題

可能問題

https://www.mohw.gov.tw/cp-81-9428-1.html:211

<tbody>
		<tr>
			<td align="center" style="line-height:inherit;">
			<p>1</p>
			</td>
			<td style="line-height:inherit;width:20%;">
			<p><a data-mce-href="https://www.facebook.com/mohw.gov.tw/" href="https://www.facebook.com/mohw.gov.tw/" target="_blank">衛生福利部</a></p>
			</td>
			<td style="line-height:inherit;">
			<p>衛生福利部臉書提供本部各項重要政策的即時訊息,歡迎訂閱,掌握衛生福利的大小事!</p>
			</td>
		</tr>
		<tr>
			<td align="center" style="line-height:inherit;">
			<p>2</p>
			</td>
			<td style="line-height:inherit;">
			<p><a data-mce-href="https://www.facebook.com/ibabymohw" href="https://www.facebook.com/ibabymohw" target="_blank">幸福送子鳥</a></p>
			</td>
			<td style="line-height:inherit;">
			<p>送子鳥資訊服務網是便利查詢的一站式貼心服務,提供民眾自結婚、懷孕、分娩、新生兒到學齡兒童、青少年各階段所需要的福利項目以及衛教資訊,有效解決新手爸媽遇到的疑難問題。</p>
			</td>
		</tr>
		......
	</tbody>

建議修改

字體大小部份為了RWD,可以用@media後定義該class的font-size不同
同時bootstrap的比例可以自己調

<div class="row">
	<div style="line-height:inherit;width:20%;font-size:" class="col-xs-1 border">
		<p>1</p>
	</div>
  <div class="col-xs-3 border" style="font-size:4vmin;">
		<p><a data-mce-href="https://www.facebook.com/mohw.gov.tw/" href="https://www.facebook.com/mohw.gov.tw/" target="_blank">衛生福利部</a></p>
	</div>
	<div class="col-xs-6 border" style="font-size:4vmin;">
		<p>衛生福利部臉書提供本部各項重要政策的即時訊息,歡迎訂閱,掌握衛生福利的大小事!</p>
	</div>
</div>
......

補充

圖片

問題

可能問題

字體不存在此編碼對應的字符

原始程式

位置:https://www.mohw.gov.tw/cp-4-3408-1.html: 214

<div style="text-align: justify; color: green; font-family: &quot;Microsoft JhengHei&quot;; font-size: 20px; font-weight: bold;">⦾ 學歷</div>

建議修改

可以去找icon當png輸入,像是flaticon;或者不少css框架像是semantic-ui也有像這樣的icon

問題:

#可能原因:
檔案連結失效

建議修改:

看一下跟mp-1.html同一層的np-3-1.html還在不在

問題

可能原因

手機板RWD排版失誤

原始程式

位置: https://www.mohw.gov.tw/mp-1.html : 380

      <div class="Block7 hidden-xs">

建議修改

我在電腦上看跟手機上看都沒看到下方nav用途的點點,只不過原始碼來看,有為了手機排版問題,把部份內容直接隱藏起來,但是還是都找不到關於點點的程式碼,如果要把隱藏的資料顯現出來,只要把 “hidden-xs” 這個class刪掉就好了,不過刪掉之後會跳出一連串對手機用戶其實不是很有意義的超連結