問題:
可能原因:
原始程式:
位置: https://www.youthtaiwan.net/css/detail.css:1
@media (max-width: 480px) and (min-width: 321px)
.content .content_middle {
margin-top: 54%;
}
建議修改:
將百分比設為60%。
@media (max-width: 480px) and (min-width: 321px)
.content .content_middle {
margin-top: 60%;
}
補充:
(修正後之截圖)
問題:
可能原因:
放置圖片的list邊框設置靠左,導致跑版。
原始程式:
- 位置:https://www.youthtaiwan.net/youthambassadors/css/detail.css:1
.data_midlle_news_box03_2 ul li table tr td .news_box03_img ol li+li {
margin-left: 20px;
}
- 位置:https://www.youthtaiwan.net/youthambassadors/css/detail.css:1
.data_midlle_news_box03_2 ul li table tr td .news_box03_img ol li a {
display: block;
padding: 4px;
background-color: #f5f5f5;
}
建議修改:
- 將
margin-left: 20px;
改為margin: 0;
。
位置:https://www.youthtaiwan.net/youthambassadors/css/detail.css:1
.data_midlle_news_box03_2 ul li table tr td .news_box03_img ol li+li {
margin: 0;
}
- 將
padding
改為10px
。
位置:https://www.youthtaiwan.net/youthambassadors/css/detail.css:1
.data_midlle_news_box03_2 ul li table tr td .news_box03_img ol li a {
display: block;
padding: 10px;
background-color: #f5f5f5;
}
補充:
(修正後之截圖)
問題:
可能原因:
原網頁內容已有自適應設計,但因list為左至右排列,因此縮小螢幕時看起來會像是跑版。
原始程式:
- 位置:https://www.youthtaiwan.net/youthambassadors/css/cp.css:1
.data_midlle_cp .cp_tabs ul li {
float: left;
}
建議修改:
- 將list靠左的css註解掉。
..data_midlle_cp .cp_tabs ul li {
/*float: left;*/
}
補充:
(修正後之截圖)
問題:
可能原因:
原網頁區塊會因應螢幕邊框自動換行,此應為正常顯示。
問題:
可能原因:
超連結為連續英文字串,無法自動換行,導致跑版。
原始程式:
- 位置: view-source:愛爾蘭
677行
<a href="https://www.workplacerelations.ie/en/" target="_blank" title="前往勞資關係顧客服務機構網站[另開新視窗]">https://www.workplacerelations.ie/en/</a>
建議修改:
- 在連結標籤中加入
style="word-break: break-all;"
。
<a style="word-break: break-all;" href="https://www.workplacerelations.ie/en/" target="_blank" title="前往勞資關係顧客服務機構網站[另開新視窗]">https://www.workplacerelations.ie/en/</a>
補充:
(修正後之截圖)
問題:
可能原因:
已有設置UTF-8語法,不確定是什麼原因導致亂碼。
問題:
可能原因:
段落間沒有間隔,導致內文連續無分段,影響閱讀。
原始程式:
- 位置: view-source:青年度假打工-計畫簡介
631行
<p>
<strong>一、出發前</strong><br>
(一) <u><strong> 蒐集瞭解當地國資訊</strong></u>
:在國外度假打工與自助旅行、遊學有著極大的差別。青年朋友出發前,應加強英語或當地語言的溝通能力,並向相關國家駐華機構蒐集工作單位背景、居住、生活環境與天氣及語言學習中心等相關資訊,儘可能瞭解工作單位背景及居住條件,並進行分析比較,以便於抵達國外後儘快適應及體驗當地工作與生活。另可於外交部網站(網址:<a href="http://www.youthtaiwan.net/WorkingHoliday/Default.aspx" target="_blank" title="http://www.youthtaiwan.net/WorkingHoliday/Default.aspx[另開新視窗]">http://www.youthtaiwan.net/WorkingHoliday/Default.aspx</a>)、勞動部「國人海外就業資源中心」網站(<a href="http://overseas.taiwanjobs.gov.tw/" target="_blank" title="http://overseas.taiwanjobs.gov.tw/[另開新視窗]">http://overseas.taiwanjobs.gov.tw/</a>)及相關部會「青年度假打工」專屬網站以及駐外館處網頁搜尋相關資訊。
<br>
(二) <u><strong>購買相關保險(如傷害險、傷害醫療險及醫療險)</strong></u>:國人在國外停留期間,倘無保險保障,一旦發生意外或生病住院,醫療及住院費用常非國內一般家庭所能負擔。建議向國內外保險公司投保傷害險、傷害醫療險及醫療險,並事先瞭解保險公司是否提供海外急難救助服務(涵蓋意外傷害、疾病門診、急診、手術、藥品、緊急後送等項目)
<br>
(三) <u><strong>海關檢疫申報</strong></u>:入關時切勿攜帶肉類和奶製品、水果、種子、貝殼類產品等。個人行李應自行整理、打包,切勿協助攜帶他人託帶物品,以免遭利用誤帶違禁品,致觸犯當地國法令。由於各國海關申報規定寬嚴不一,行前須瞭解相關限制,倘確須攜帶上述相關物品,入關檢查時須於海關申報單上誠實申報,以免觸法。
<br>
(四) <u><strong>旅外國人動態登錄</strong></u>:鑒於近兩年世界各地恐怖攻擊事件頻傳,外交部呼籲國人出國前至本部領事事務局網站(<a href="http://www.boca.gov.tw" target="_blank" title="http://www.boca.gov.tw[另開新視窗]">http://www.boca.gov.tw</a>) 完成「出國登錄」,倘發生重大災變或其他緊急事故時,外館可依據登錄資料,即時提供協助;另請隨身攜帶我國駐當地館處電話及24小時緊急聯絡電話、外交部緊急聯絡中心電話,以備不時之需。
<br>
(五) <u><strong> 慎選打工仲介機構</strong></u>
<br>
赴海外度假打工的方式多元,可自行申請或透過坊間機構協助(如委託合法立案機構代為辦理行政事項,或是委託合法私立就業服務機構辦理就業服務項目)。依據我國《就業服務法》相關規定,只有合法的私立就業服務機構才可仲介國人到海外工作,並非一般顧問或代辦公司可以辦理。另國人應與私立就業服務機構簽訂職業介紹服務定型化契約,以保障求職者與私立就業服務機構雙方的權益,求職者應詳細詢問工作內容、薪資、工時、福利及其他相關勞動條件,避免赴海外工作的實際情形與自身期望有所落差。
</p>
建議修改:
多換一行(增設一個<br>
標籤)。
<p>
<strong>一、出發前</strong><br>
(一) <u><strong> 蒐集瞭解當地國資訊</strong></u>
:在國外度假打工與自助旅行、遊學有著極大的差別。青年朋友出發前,應加強英語或當地語言的溝通能力,並向相關國家駐華機構蒐集工作單位背景、居住、生活環境與天氣及語言學習中心等相關資訊,儘可能瞭解工作單位背景及居住條件,並進行分析比較,以便於抵達國外後儘快適應及體驗當地工作與生活。另可於外交部網站(網址:<a href="http://www.youthtaiwan.net/WorkingHoliday/Default.aspx" target="_blank" title="http://www.youthtaiwan.net/WorkingHoliday/Default.aspx[另開新視窗]">http://www.youthtaiwan.net/WorkingHoliday/Default.aspx</a>)、勞動部「國人海外就業資源中心」網站(<a href="http://overseas.taiwanjobs.gov.tw/" target="_blank" title="http://overseas.taiwanjobs.gov.tw/[另開新視窗]">http://overseas.taiwanjobs.gov.tw/</a>)及相關部會「青年度假打工」專屬網站以及駐外館處網頁搜尋相關資訊。
<br><br>
(二) <u><strong>購買相關保險(如傷害險、傷害醫療險及醫療險)</strong></u>:國人在國外停留期間,倘無保險保障,一旦發生意外或生病住院,醫療及住院費用常非國內一般家庭所能負擔。建議向國內外保險公司投保傷害險、傷害醫療險及醫療險,並事先瞭解保險公司是否提供海外急難救助服務(涵蓋意外傷害、疾病門診、急診、手術、藥品、緊急後送等項目)
<br><br>
(三) <u><strong>海關檢疫申報</strong></u>:入關時切勿攜帶肉類和奶製品、水果、種子、貝殼類產品等。個人行李應自行整理、打包,切勿協助攜帶他人託帶物品,以免遭利用誤帶違禁品,致觸犯當地國法令。由於各國海關申報規定寬嚴不一,行前須瞭解相關限制,倘確須攜帶上述相關物品,入關檢查時須於海關申報單上誠實申報,以免觸法。
<br><br>
(四) <u><strong>旅外國人動態登錄</strong></u>:鑒於近兩年世界各地恐怖攻擊事件頻傳,外交部呼籲國人出國前至本部領事事務局網站(<a href="http://www.boca.gov.tw" target="_blank" title="http://www.boca.gov.tw[另開新視窗]">http://www.boca.gov.tw</a>) 完成「出國登錄」,倘發生重大災變或其他緊急事故時,外館可依據登錄資料,即時提供協助;另請隨身攜帶我國駐當地館處電話及24小時緊急聯絡電話、外交部緊急聯絡中心電話,以備不時之需。
<br><br>
(五) <u><strong> 慎選打工仲介機構</strong></u>
<br><br>
赴海外度假打工的方式多元,可自行申請或透過坊間機構協助(如委託合法立案機構代為辦理行政事項,或是委託合法私立就業服務機構辦理就業服務項目)。依據我國《就業服務法》相關規定,只有合法的私立就業服務機構才可仲介國人到海外工作,並非一般顧問或代辦公司可以辦理。另國人應與私立就業服務機構簽訂職業介紹服務定型化契約,以保障求職者與私立就業服務機構雙方的權益,求職者應詳細詢問工作內容、薪資、工時、福利及其他相關勞動條件,避免赴海外工作的實際情形與自身期望有所落差。
</p>
補充:
(修正後之截圖)