衛生福利部－高偉庭

ray 衛生福利部
, ,
#1

網站

衛生福利部

姓名

高偉庭

檢測日期

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

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

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

#2

問題：

可能問題：

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%;">

補充：

圖片

#3

問題

可能問題

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

補充

圖片

#4

問題

可能問題

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

原始程式

位置：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

#5

問題：

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

建議修改：

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

#6

問題

可能原因

手機板RWD排版失誤

原始程式

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

      <div class="Block7 hidden-xs">

建議修改

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