外交部臺灣青年FUN眼世界--楊珣

網站

臺灣青年FUN眼世界

姓名

楊珣

檢測日期

2018-04-26

檢測裝置

Sony Xperia Ultra XA1

作業系統 與 瀏覽器版本

Android 7.0
Chrome版本:Chrome 66.0.3359.117

解析度(手機螢幕)

360x640 pixels

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

壞掉的連結

首頁 > 尖兵小百科 > 國際禮儀手冊
擷取
(範例一)


跑版(影響閱讀)問題






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

出現亂碼

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

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

閱讀模式

使用anddroid系統

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




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

  • 需要改進的地方
  • 1.沒有網頁導覽很不方便。
  • 2.當會連至其他網站,需標明(外部連結)的字樣。
  • 覺得棒棒的地方
  • 1.在常見問答的地方,可以直接將回答拉開,很方便。
  • 首頁 > 常見問題
    擷取16
    (範例一)

問題:

可能原因:

字串會因應螢幕邊框自動換行,此應為正常顯示。
92
91

問題:

可能原因:

原始程式:

位置: 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邊框設置靠左,導致跑版。

原始程式:

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

建議修改:

  1. 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;
}
  1. 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;
}

補充:

(修正後之截圖)
94

問題:

可能原因:

標題字串會因應螢幕邊框自動換行,此應為正常顯示。
95

問題:

可能原因:

原網頁內容已有自適應設計,但因list為左至右排列,因此縮小螢幕時看起來會像是跑版。

原始程式:

  1. 位置:https://www.youthtaiwan.net/youthambassadors/css/cp.css:1
.data_midlle_cp .cp_tabs ul li {
    float: left;
}

建議修改:

  1. 將list靠左的css註解掉。
..data_midlle_cp .cp_tabs ul li {
    /*float: left;*/
}

補充:

(修正後之截圖)
96

問題:

可能原因:

原網頁區塊會因應螢幕邊框自動換行,此應為正常顯示。
97

問題:

可能原因:

超連結為連續英文字串,無法自動換行,導致跑版。

原始程式:

  1. 位置: view-source:愛爾蘭
    677行
<a href="https://www.workplacerelations.ie/en/" target="_blank" title="前往勞資關係顧客服務機構網站[另開新視窗]">https://www.workplacerelations.ie/en/</a>

建議修改:

  1. 在連結標籤中加入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>

補充:

(修正後之截圖)
image

問題:

可能原因:

已有設置UTF-8語法,不確定是什麼原因導致亂碼。

問題:

可能原因:

段落間沒有間隔,導致內文連續無分段,影響閱讀。

原始程式:

  1. 位置: view-source:青年度假打工-計畫簡介
    631行
<p>
<strong>一、出發前</strong><br>
(一)&nbsp;&nbsp; <u><strong>&nbsp;蒐集瞭解當地國資訊</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>
(二)&nbsp;&nbsp; &nbsp;<u><strong>購買相關保險(如傷害險、傷害醫療險及醫療險)</strong></u>:國人在國外停留期間,倘無保險保障,一旦發生意外或生病住院,醫療及住院費用常非國內一般家庭所能負擔。建議向國內外保險公司投保傷害險、傷害醫療險及醫療險,並事先瞭解保險公司是否提供海外急難救助服務(涵蓋意外傷害、疾病門診、急診、手術、藥品、緊急後送等項目)
<br>
(三)&nbsp;&nbsp; &nbsp;<u><strong>海關檢疫申報</strong></u>:入關時切勿攜帶肉類和奶製品、水果、種子、貝殼類產品等。個人行李應自行整理、打包,切勿協助攜帶他人託帶物品,以免遭利用誤帶違禁品,致觸犯當地國法令。由於各國海關申報規定寬嚴不一,行前須瞭解相關限制,倘確須攜帶上述相關物品,入關檢查時須於海關申報單上誠實申報,以免觸法。
<br>
(四)&nbsp;&nbsp; &nbsp;<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>
(五)&nbsp;&nbsp; <u><strong>&nbsp;慎選打工仲介機構</strong></u>
<br>
赴海外度假打工的方式多元,可自行申請或透過坊間機構協助(如委託合法立案機構代為辦理行政事項,或是委託合法私立就業服務機構辦理就業服務項目)。依據我國《就業服務法》相關規定,只有合法的私立就業服務機構才可仲介國人到海外工作,並非一般顧問或代辦公司可以辦理。另國人應與私立就業服務機構簽訂職業介紹服務定型化契約,以保障求職者與私立就業服務機構雙方的權益,求職者應詳細詢問工作內容、薪資、工時、福利及其他相關勞動條件,避免赴海外工作的實際情形與自身期望有所落差。
</p>

建議修改:

多換一行(增設一個<br>標籤)。

<p>
<strong>一、出發前</strong><br>
(一)&nbsp;&nbsp; <u><strong>&nbsp;蒐集瞭解當地國資訊</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>
(二)&nbsp;&nbsp; &nbsp;<u><strong>購買相關保險(如傷害險、傷害醫療險及醫療險)</strong></u>:國人在國外停留期間,倘無保險保障,一旦發生意外或生病住院,醫療及住院費用常非國內一般家庭所能負擔。建議向國內外保險公司投保傷害險、傷害醫療險及醫療險,並事先瞭解保險公司是否提供海外急難救助服務(涵蓋意外傷害、疾病門診、急診、手術、藥品、緊急後送等項目)
<br><br>
(三)&nbsp;&nbsp; &nbsp;<u><strong>海關檢疫申報</strong></u>:入關時切勿攜帶肉類和奶製品、水果、種子、貝殼類產品等。個人行李應自行整理、打包,切勿協助攜帶他人託帶物品,以免遭利用誤帶違禁品,致觸犯當地國法令。由於各國海關申報規定寬嚴不一,行前須瞭解相關限制,倘確須攜帶上述相關物品,入關檢查時須於海關申報單上誠實申報,以免觸法。
<br><br>
(四)&nbsp;&nbsp; &nbsp;<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>
(五)&nbsp;&nbsp; <u><strong>&nbsp;慎選打工仲介機構</strong></u>
<br><br>
赴海外度假打工的方式多元,可自行申請或透過坊間機構協助(如委託合法立案機構代為辦理行政事項,或是委託合法私立就業服務機構辦理就業服務項目)。依據我國《就業服務法》相關規定,只有合法的私立就業服務機構才可仲介國人到海外工作,並非一般顧問或代辦公司可以辦理。另國人應與私立就業服務機構簽訂職業介紹服務定型化契約,以保障求職者與私立就業服務機構雙方的權益,求職者應詳細詢問工作內容、薪資、工時、福利及其他相關勞動條件,避免赴海外工作的實際情形與自身期望有所落差。
</p>

補充:

(修正後之截圖)
image