衛生福利部送子鳥資訊服務網-高偉庭

網站

衛生福利部送子鳥資訊服務網

姓名

高偉庭

檢測日期

2018-05-02

檢測裝置

Samsung Galaxy S7 edge

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本:Chrome 64.0.3325.109

解析度(手機螢幕)

360x640 pixels

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

壞掉的連結

  1. 首頁>問卷調查
    點進去之後沒有問卷調查的內容啊解法回文連結

  1. 首頁>服務列表>結婚>聯合婚禮>台北市頁面中的網頁連結
    500 - 內部伺服器錯誤。

  1. 首頁>服務列表>結婚>聯合婚禮>桃園市頁面中的網頁連結
    Not Found

  1. 首頁>服務列表>結婚>聯合婚禮>臺中市頁面中的網頁連結
    首頁>服務列表>懷孕>婚前孕後健康檢查補助>臺中市頁面中的網頁連結
    找不到網頁

  1. 首頁>服務列表>懷孕>育齡婦女公費麻疹腮腺炎德國麻疹混合疫苗(MMR疫苗)接種對象>台南市
    找不到網頁

  1. 首頁>服務列表>懷孕>育齡婦女公費麻疹腮腺炎德國麻疹混合疫苗(MMR疫苗)接種對象>金門縣頁面中的網頁連結
    Directory Listing Denied

  1. 首頁>服務列表>懷孕>特殊群體生育調節補助(子宮內避孕器、結紮手術、人工流產)頁面中的網頁連結
    無法連上這個網站

跑版(影響閱讀)問題

  1. 首頁>服務列表>結婚>聯合婚禮>基隆市
    字體大小超級小無法閱讀解法回文連結
    2018-05-02_202629

  1. 首頁>服務列表>懷孕>人類免疫缺乏病毒(愛滋病)指定醫事機構的每一項點進去
    首頁>服務列表>分娩>完成新生嬰兒出生通報戶籍出生登記及申請參加健保及健保卡跨機關單一窗口作業
    連結顯示不全且無法滑動解法回文連結
    2018-05-02_205326

  1. 首頁>服務列表>懷孕>優生保健措施費用減免
    表格寬度太小不易閱讀解法回文連結
    2018-05-02_205231

  1. 首頁>新生兒至學齡前>托育經濟補助裡面的每一項
    首頁>新生兒至學齡前>父母未就業家庭育兒津貼>父母未就業家庭育兒津貼申請常見問答
    表格文字與表格格線的距離太近,不是很好閱讀解法回文連結
    2018-05-02_211521

  1. 首頁>FAQ裡面的每一項
    圖片有點過小,不適合手機閱讀解法回文連結
    2018-05-02_213002

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

出現亂碼

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

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

閱讀模式

不適用

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

  1. 首頁>menu(右上漢堡)
    電子地圖字樣的大小與排版與其他不同
    2018-05-02_201622

  1. 首頁>電子地圖
    點擊地圖上的各縣市後會跳到服務列表,只是當民眾再按各個服務項目時,會需要再點一次縣市,有點多此一舉。
    下圖以台北市為例:
    2018-05-02_202059
    2018-05-02_202018

  1. 首頁
    電子地圖的部份空著有點怪
    2018-05-02_213257

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

  1. 頁面中的連結時常出現無法顯示完全的狀況
  2. 所有表格中的文字都與表格格線貼太近,閱讀有點壓迫感
  3. 我覺得字有一點太小、太擠,不太適合手機閱讀、也不太方便按連結

問題

可能原因

半成品網站吧,input沒有submit,要改也不知道input要送到哪裡

問題

可能原因

已經很少看到這麼奇葩的網站了,要是說手機版跟網頁版共用一個排版然後今天說手機版字出問題這還可以理解,但是它這個是「刻意每行用span把字體調小」,這句話的重點有「刻意」,「每行用一個span」,如果真的要調小可以一起用一個class調小嗎?(雖然也不知道為什麼要調那麼小,為了強調連結的對比?)

建議修改

字體改成大約36px就好

補充

圖片
中間是有修過得,可以看到的確是每段用一個span,實在是非常的了不起

問題

建議修改

看要css 裡面的word-break: break-all還是 overflow-x: scroll都可以

問題

可能原因

有鑑於雖然都是手機版但是解析度可能也差很多,看要不要直接用vw做單位不要用px拉,還有不要用奇怪的padding排版

原始程式

位置: https://ibaby.mohw.gov.tw/Mobile/ServiceList/Show/77 :82

        優生保健措施費用減免
    </div>
    <div style="text-align: left; padding: 70px;"><h2>優生保健措施費用減免之項目、對象、金額、辦理機構及受理申請機關</h2>

<table border="1" cellpadding="0" cellspacing="0" style="width:750px">
	<tbody>
		<tr>
			<td style="width:170px">
			<p><strong>減免項目</strong></p>
			</td>
			<td style="width:170px">
			<p><strong>減免對象</strong></p>
			</td>
			<td style="width:200px">
			<p><strong>減免金額</strong></p>
			</td>
		</tr>
		<tr>

建議修改

        優生保健措施費用減免
    </div>
    <div style="text-align: left;"><h2>優生保健措施費用減免之項目、對象、金額、辦理機構及受理申請機關</h2>

<table border="1" cellpadding="0" cellspacing="0" style="width:90vw">
	<tbody>
		<tr>
			<td style="width:30vw">
			<p><strong>減免項目</strong></p>
			</td>
			<td style="width:30vw">
			<p><strong>減免對象</strong></p>
			</td>
			<td style="width:30vw">
			<p><strong>減免金額</strong></p>
			</td>
		</tr>
		<tr>

補充

問題

建議修改

不是大問題,看要用padding(不建議),還是用bootstrap的grid,在文案旁邊塞兩個空白grid

問題

建議修改

圖片 100%

<img alt="" src="/Upload/FAQPost/Images/20150724160916_QA046.jpg" style="height:100%; width:100%;">