孕產婦關懷網站-王威

網站

孕產婦關懷網站

姓名

王威

檢測日期

2018-05-16

檢測裝置

Iphone8

作業系統 與 瀏覽器版本

IOS 11.3.1

解析度(手機螢幕)

375x667 pixels

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

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

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

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

首頁

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

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

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

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

首頁>孕產知識

首頁>母乳哺育

首頁>寶寶照護

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

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

首頁>意見調查

圖例


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

出現亂碼

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

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

閱讀模式

有些有、有些沒有

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

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

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

1 Like

問題:

可能原因:

連結錯誤

原始程式:

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

補充:

問題:

輪播圖文字跑版

可能原因:

文字區塊位置被固定

原始程式:

位置: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;
}

補充:


問題:

表格跑版

可能問題:

表格內容過多

原始程式:

以 首頁>孕產知識>最新消息 為例
位置:http://mammy.hpa.gov.tw/Home/KbNews :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屬性

原始程式:

以 首頁>孕產知識 為例
位置:http://mammy.hpa.gov.tw/KB/KBTopList?Title=孕產知識

建議修改:

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

補充:


問題:

原始程式:

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

建議修改:

已測試,問題無法複現

補充:


問題:

填答框跑版

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

原始程式:

位置:http://mammy.hpa.gov.tw/Survey/Sesson

建議修改:

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

textarea{
	width: 100%;
}

補充: