孕產婦關懷網站-王威

Wesley · 2018年05月16日11:07

網站

孕產婦關懷網站

姓名

王威

檢測日期

2018-05-16

檢測裝置

Iphone8

作業系統與瀏覽器版本

IOS 11.3.1

解析度（手機螢幕）

375x667 pixels

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

是

壞掉的連結 (解法回文連結)

首頁>友情連結>衛生福利部國民健康署

跑版（影響閱讀）問題 (解法回文連結)

首頁

首頁>孕產知識>最新消息

首頁>最新消息&知識文章>最新消息>認識產後憂鬱症

首頁>最新消息&知識文章>最新消息>餵奶的姿勢

首頁>最新消息&知識文章>最新消息>新生寶寶哺乳與排泄參考表

首頁>孕產知識

首頁>母乳哺育

首頁>寶寶照護

首頁>最新消息&知識文章>最新消息>母乳庫資源

首頁>最新消息&知識文章>最新消息>外籍配偶有哪些醫療補助?

首頁>意見調查

圖例

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

無

出現亂碼

無

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

無

網站載入緩慢（相對一般網站）

無

閱讀模式

有些有、有些沒有

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

無

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

這些東西太占版面了，每次都要往下滑，建議縮小或是簡化

YungYu · 2018年05月29日07:46

問題：

可能原因：

連結錯誤

原始程式：

位置：http://mammy.hpa.gov.tw :533

<a data-toggle="tooltip" title="另開新視窗" alt="超連結另開新視窗-國民健康署" href="http://www.hpa.gov.tw/BHPNet/Web/Index/Index.aspx" target="_blank" onclick="alert('將會另開新視窗')">
	<img src="/Content/Costom_img/index/N-link-1.png" width="184" height="58" alt="國民健康署">
</a>

建議修改：

<a data-toggle="tooltip" title="另開新視窗" alt="超連結另開新視窗-國民健康署" href="https://www.hpa.gov.tw/Home/Index.aspx" target="_blank" onclick="alert('將會另開新視窗')">
	<img src="/Content/Costom_img/index/N-link-1.png" width="184" height="58" alt="國民健康署">
</a>

補充：

YungYu · 2018年05月29日18:35

問題：

輪播圖文字跑版

可能原因：

文字區塊位置被固定

原始程式：

位置：http://mammy.hpa.gov.tw/Content/css?v=YnHK20A2pd5Lg4CWrrrK-doHf2bkDpIEG3Ohj4rKkZQ1 :1

.subtitle {
	color: #000;
	font-size: 2em;
	left: 35%;
	width: 35%;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	top: 40%;
}

建議修改：

刪除top屬性

.subtitle {
	color: #000;
	font-size: 2em;
	left: 35%;
	width: 35%;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}

補充：

問題：

表格跑版

可能問題：

表格內容過多

原始程式：

以首頁>孕產知識>最新消息為例
位置：網站維護中 :398

<div class="container">
	......
</div>

建議修改：

使用overflow屬性

<div class="container" style="overflow: scroll;">
	......
</div>

補充：

表格向左拖曳之示意圖

結尾：

下方頁碼使用各種強制不換行的屬性導致跑版

問題：

圖片跑版

可能原因：

圖片長寬被寫死

原始程式：

位置：http://mammy.hpa.gov.tw/Home/NewsKBContent/435?type=01 :449

<img src="http://mammy.hpa.gov.tw/upload_files/images/football.jpg" alt="餵奶姿勢 坐姿 橄欖球式抱法" _src="http://mammy.hpa.gov.tw/upload_files/images/football.jpg" width="372" height="300" border="0" vspace="0" title="餵奶姿勢 坐姿 橄欖球式抱法" style="width: 372px; height: 300px;">
...
<img src="http://mammy.hpa.gov.tw/upload_files/images/lieDown1.jpg" alt="餵奶姿勢 側躺" _src="http://mammy.hpa.gov.tw/upload_files/images/lieDown1.jpg" width="404" height="258" border="0" vspace="0" title="餵奶姿勢 側躺" style="width: 404px; height: 258px;">
......
<img src="http://mammy.hpa.gov.tw/upload_files/images/lieDown2.jpg" alt="餵奶姿勢 側躺" _src="http://mammy.hpa.gov.tw/upload_files/images/lieDown2.jpg" width="413" height="268" border="0" vspace="0" title="餵奶姿勢 側躺" style="width: 413px; height: 268px;">
......
<img src="http://mammy.hpa.gov.tw/upload_files/images/Reclining.jpg" alt="餵奶姿勢 斜倚" _src="http://mammy.hpa.gov.tw/upload_files/images/Reclining.jpg" width="339" height="304" border="0" vspace="0" title="餵奶姿勢 斜倚" style="width: 339px; height: 304px;">

建議修改：

<img src="http://mammy.hpa.gov.tw/upload_files/images/football.jpg" alt="餵奶姿勢 坐姿 橄欖球式抱法" _src="http://mammy.hpa.gov.tw/upload_files/images/football.jpg" border="0" vspace="0" title="餵奶姿勢 坐姿 橄欖球式抱法">
...
<img src="http://mammy.hpa.gov.tw/upload_files/images/lieDown1.jpg" alt="餵奶姿勢 側躺" _src="http://mammy.hpa.gov.tw/upload_files/images/lieDown1.jpg" border="0" vspace="0" title="餵奶姿勢 側躺">
......
<img src="http://mammy.hpa.gov.tw/upload_files/images/lieDown2.jpg" alt="餵奶姿勢 側躺" _src="http://mammy.hpa.gov.tw/upload_files/images/lieDown2.jpg" border="0" vspace="0" title="餵奶姿勢 側躺">
......
<img src="http://mammy.hpa.gov.tw/upload_files/images/Reclining.jpg" alt="餵奶姿勢 斜倚" _src="http://mammy.hpa.gov.tw/upload_files/images/Reclining.jpg" border="0" vspace="0" title="餵奶姿勢 斜倚">

在css中加上max-width屬性

img{
	max-width: 100%
}

補充：

問題：

頁碼跑版

可能原因：

未設置display屬性

原始程式：

以首頁>孕產知識為例
位置：網站維護中

建議修改：

在css中加上display屬性

.pager span, .pager a{
	display: inline-block;
}

補充：

問題：

文字跑版

可能原因：

使用white-space屬性強制文字無法換行

原始程式：

位置：http://mammy.hpa.gov.tw/Home/NewsKBContent/471?type=01 :447

<div class="panel-body">
	......
	<p><span style="white-space: nowrap; font-size: 1em;">母乳庫的母乳是由許多愛心媽媽的捐贈奉獻才能持續供應，目前依病情的需要，提供捐贈乳的優先順序如下：</span></p>
	<p><span style="white-space: nowrap; font-size: 1em;">1.住院中的早產兒</span></p>
	<p><span style="white-space: nowrap; font-size: 1em;">2.住院中的足月病嬰（重大手術後需要加強營養嬰兒、先天性異常嬰兒、吸收不良嬰兒、餵食不耐嬰兒）</span></p>
	<p><span style="white-space: nowrap; font-size: 1em;">3.緊急或重大災害應變需母乳的寶寶</span></p>
	<p><span style="white-space: nowrap; font-size: 1em;">4.出院的早產兒（至預產期40週）</span></p>
	<p><strong><span style="white-space: nowrap; font-size: 1em;">庫存量足夠時可提供以下:</span></strong></p>
	<p><span style="white-space: nowrap; font-size: 1em;">5.其他嬰幼兒(包含：母親罹患疾病必須暫時停止哺乳、母親自己的母乳因疾病或治療會影響到嬰兒的健康、母親死亡的嬰兒、特殊適應症)</span></p>
	<p><span style="white-space: nowrap; font-size: 1em;"><br></span></p>
	<p><span style="white-space: nowrap; font-size: 1em;">一般以住院中的病嬰優先。</span><span style="font-size: 1em; white-space: nowrap;">若臨床上符合可申請的條件，可以請醫院負責照護的醫師填寫醫囑單（可在母乳庫網站上下載列印），附上病歷摘要，即可傳真至母乳庫，</span></p>
	<p><span style="white-space: nowrap; font-size: 1em;">之後再經由醫師審核後評斷可否領取母乳，再由專責人員連絡領取時間及數量。</span></p>
	<p><span style="white-space: nowrap; font-size: 1em;"><br></span></p>
	<p><span style="white-space: nowrap; font-size: 1em;">&nbsp; &nbsp; &nbsp; &nbsp;早產兒之母親可能因奶水分泌不足，而無法哺育母乳，故於此過渡時期，須利用捐贈母乳庫之母乳，待母親奶水分泌足夠時，即可改以</span></p>
	<p><span style="white-space: nowrap; font-size: 1em;">母親親自哺餵之方式為之。對於早產兒，喝母乳相對於喝配方奶，能夠有效降低早產兒之壞死性腸炎。</span></p>
	<p><span style="white-space: nowrap; font-size: 1em;">&nbsp; &nbsp; &nbsp; &nbsp;衛生福利部國民健康署鼓勵目前正在哺乳，而且奶水充足的婦女可發揮愛心，將過剩的母乳捐贈到母乳庫！母乳庫將進行檢驗、消毒</span></p>
	<p><span style="white-space: nowrap; font-size: 1em;">等安全處理後，依醫師處方箋提供給早產兒、過敏、特殊需要之病童等。</span></p>
	<p><span style="white-space: nowrap; font-size: 1em;"><br></span></p>
	<p><a href="http://tcgwww.taipei.gov.tw/ct.asp?xItem=33391116&amp;CtNode=14715&amp;mp=109161" target="_blank" title="臺北市立聯合醫院和平婦幼院區 母乳庫" _href="http://tcgwww.taipei.gov.tw/ct.asp?xItem=33391116&amp;CtNode=14715&amp;mp=109161"><span style="white-space: nowrap; font-size: 1em;">台北市立聯合醫院婦幼院區</span></a><span style="white-space: nowrap; font-size: 1em;">&nbsp; &nbsp;捐奶專線：02-23581349 或 02-23916471分機2051</span></p>
	<p><span style="white-space: nowrap; font-size: 1em;">(服務時間:上午8點至12點, 下午1點至5點，若忙線中或無人接聽，請稍後再撥)&nbsp;</span></p>
	<p><span style="white-space: nowrap; font-size: 1em;"><a href="http://www.taic.mohw.gov.tw/?aid=53&amp;pid=82&amp;page_name=detail&amp;iid=375" target="_blank" title="衛生福利部臺中醫院 母乳庫衛星站" _href="http://www.taic.mohw.gov.tw/?aid=53&amp;pid=82&amp;page_name=detail&amp;iid=375">衛生福利部台中醫院母乳庫衛星站</a>&nbsp; &nbsp; 捐奶專線： 04-22294411分機2579</span></p>
	<p><span style="white-space: nowrap; font-size: 1em;">(服務時間:上午8點至12點, 下午1點半至5點半，若忙線中或無人接聽，請稍後再撥)</span></p>
	<p><a href="http://milkbank.hosp.ncku.edu.tw/" target="_blank" title="南區母乳庫" _href="http://milkbank.hosp.ncku.edu.tw/"><span style="white-space: nowrap; font-size: 1em;">國立成功大學醫學院附設醫院南區母乳庫</span></a><span style="white-space: nowrap; font-size: 1em;">&nbsp; 捐乳電話：06-2353535分機3136</span></p>
	<p><span style="white-space: nowrap; font-size: 1em;">&nbsp;(服務時間:上午8點至12點，下午1點至5點，若忙線中或無人接聽，請稍後再撥)&nbsp;</span></p>
	<p><span style="white-space: nowrap; font-size: 1em;"><br></span></p>
	<p><span style="white-space: nowrap; font-size: 1em;">相關網站</span></p>
	<p><span style="white-space: nowrap; font-size: 1em;">北美母乳庫協會 http://www.hmbana.org/</span></p>
	<p><span style="white-space: nowrap; font-size: 1em;">英國母乳庫協會 http://www.ukamb.org/</span></p>
</div>

建議修改：

<div class="panel-body">
	......
	<p><span style="font-size: 1em;">母乳庫的母乳是由許多愛心媽媽的捐贈奉獻才能持續供應，目前依病情的需要，提供捐贈乳的優先順序如下：</span></p>
	<p><span style="font-size: 1em;">1.住院中的早產兒</span></p>
	<p><span style="font-size: 1em;">2.住院中的足月病嬰（重大手術後需要加強營養嬰兒、先天性異常嬰兒、吸收不良嬰兒、餵食不耐嬰兒）</span></p>
	<p><span style="font-size: 1em;">3.緊急或重大災害應變需母乳的寶寶</span></p>
	<p><span style="font-size: 1em;">4.出院的早產兒（至預產期40週）</span></p>
	<p><strong><span style="font-size: 1em;">庫存量足夠時可提供以下:</span></strong></p>
	<p><span style="font-size: 1em;">5.其他嬰幼兒(包含：母親罹患疾病必須暫時停止哺乳、母親自己的母乳因疾病或治療會影響到嬰兒的健康、母親死亡的嬰兒、特殊適應症)</span></p>
	<p><span style="font-size: 1em;"><br></span></p>
	<p><span style="font-size: 1em;">&nbsp; &nbsp; &nbsp; &nbsp;一般以住院中的病嬰優先。若臨床上符合可申請的條件，可以請醫院負責照護的醫師填寫醫囑單（可在母乳庫網站上下載列印），附上病歷摘要，即可傳真至母乳庫，之後再經由醫師審核後評斷可否領取母乳，再由專責人員連絡領取時間及數量。</span></p>
	<p><span style="font-size: 1em;"><br></span></p>
	<p><span style="font-size: 1em;">&nbsp; &nbsp; &nbsp; &nbsp;早產兒之母親可能因奶水分泌不足，而無法哺育母乳，故於此過渡時期，須利用捐贈母乳庫之母乳，待母親奶水分泌足夠時，即可改以母親親自哺餵之方式為之。對於早產兒，喝母乳相對於喝配方奶，能夠有效降低早產兒之壞死性腸炎。</span></p>
	<p><span style="font-size: 1em;"><br></span></p>
	<p><span style="font-size: 1em;">&nbsp; &nbsp; &nbsp; &nbsp;衛生福利部國民健康署鼓勵目前正在哺乳，而且奶水充足的婦女可發揮愛心，將過剩的母乳捐贈到母乳庫！母乳庫將進行檢驗、消毒等安全處理後，依醫師處方箋提供給早產兒、過敏、特殊需要之病童等。</span></p>
	<p><span style="font-size: 1em;"><br></span></p>
	<p><a href="http://tcgwww.taipei.gov.tw/ct.asp?xItem=33391116&amp;CtNode=14715&amp;mp=109161" target="_blank" title="臺北市立聯合醫院和平婦幼院區 母乳庫" _href="http://tcgwww.taipei.gov.tw/ct.asp?xItem=33391116&amp;CtNode=14715&amp;mp=109161"><span style="font-size: 1em;">台北市立聯合醫院婦幼院區</span></a></p>
	<p><span style="font-size: 1em;">捐奶專線：02-23581349 或 02-23916471分機2051<br>(服務時間:上午8點至12點, 下午1點至5點，若忙線中或無人接聽，請稍後再撥)&nbsp;</span></p>
	<p><span style="font-size: 1em;"><a href="http://www.taic.mohw.gov.tw/?aid=53&amp;pid=82&amp;page_name=detail&amp;iid=375" target="_blank" title="衛生福利部臺中醫院 母乳庫衛星站" _href="http://www.taic.mohw.gov.tw/?aid=53&amp;pid=82&amp;page_name=detail&amp;iid=375">衛生福利部台中醫院母乳庫衛星站</a></span></p>
	<p><span style="font-size: 1em;">捐奶專線： 04-22294411分機2579<br>(服務時間:上午8點至12點, 下午1點半至5點半，若忙線中或無人接聽，請稍後再撥)</span></p>
	<p><a href="http://milkbank.hosp.ncku.edu.tw/" target="_blank" title="南區母乳庫" _href="http://milkbank.hosp.ncku.edu.tw/"><span style="font-size: 1em;">國立成功大學醫學院附設醫院南區母乳庫</span></a></p>
	<p><span style="font-size: 1em;">捐乳電話：06-2353535分機3136<br>(服務時間:上午8點至12點，下午1點至5點，若忙線中或無人接聽，請稍後再撥)</span></p>
	<p><span style="font-size: 1em;"><br></span></p>
	<p><span style="font-size: 1em;">相關網站</span></p>
	<p><span style="font-size: 1em;">北美母乳庫協會 http://www.hmbana.org/</span></p>
	<p><span style="font-size: 1em;">英國母乳庫協會 http://www.ukamb.org/</span></p>
</div>

補充：

問題：

原始程式：

位置：知識文章-內容 - 孕產婦關懷網站

建議修改：

已測試，問題無法複現

補充：

問題：

填答框跑版

#可能原因：
填答欄位設定過寬

原始程式：

位置：問卷 - 孕產婦關懷網站

建議修改：

在css中加上width屬性限定寬度

textarea{
	width: 100%;
}

孕產婦關懷網站-王威

網站

姓名

檢測日期

檢測裝置

作業系統 與 瀏覽器版本

解析度（手機螢幕）

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

壞掉的連結 (解法回文連結)

跑版（影響閱讀）問題 (解法回文連結)

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

出現亂碼

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

網站載入緩慢（相對一般網站）

閱讀模式

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

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

問題：

可能原因：

原始程式：

建議修改：

補充：

問題：

可能原因：

原始程式：

建議修改：

補充：

問題：

可能問題：

原始程式：

建議修改：

補充：

結尾：

問題：

可能原因：

原始程式：

建議修改：

補充：

問題：

可能原因：

原始程式：

建議修改：

補充：

問題：

可能原因：

原始程式：

建議修改：

補充：

問題：

原始程式：

建議修改：

補充：

問題：

原始程式：

建議修改：

補充：

作業系統與瀏覽器版本