法務部調查局-柯宥辰

網站

法務部調查局

姓名

柯宥辰

檢測日期

2018-04-13

檢測裝置

i6

作業系統 與 瀏覽器版本

ios 10.12.6

解析度(手機螢幕)

375*667 pixels

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

壞掉的連結

無法連上這個網站(解法回文連結)

[首頁>調查局>為民服務>退休人員專區>退休人員>樂活資訊>公教特惠健檢–健康99健檢專案]
17

[首頁>調查局>為民服務>退休人員專區>退休人員>樂活資訊>銀髮志工人力銀行]
28


404error(解法回文連結)
[首頁>調查局>為民服務>退休人員專區>退休人員>樂活資訊>行政院人事行政總處退休人員服務專區]
48

跑版(影響閱讀)問題

[首頁>調查局>本局簡介>調查局所屬單位地圖]
56

[首頁>調查局>調查人員特考>特考資訊>備註]
18

[首頁>調查局>為民服務>檢舉專用地址電話一覽表]
26

[首頁>調查局>為民服務>退休人員專區>退休人員]
18

[首頁>調查局>為民服務>退休人員專區>退休人員>樂活資訊]
56

[首頁>調查局>工作重點>洗錢及資恐防治]
20

[首頁>調查局>資訊公開>法務部資訊公開一覽表]
39

[首頁>調查局>[六大重點服務]廉政>肅貪業務專區]
12

[首頁>調查局>[六大重點服務]廉政>肅貪業務專區>起訴判決貪瀆案件]
24

[首頁>調查局>[六大重點服務]廉政>賄選業務專區]
38

[首頁>調查局>[六大重點服務]廉政>賄選業務專區>103年地方公職人員選舉查察賄選專案]
29

[首頁>調查局>[六大重點服務]廉政>檢舉和申請專區>檢舉獎金公式參考計算表]
37

[首頁>調查局>[六大重點服務]廉政>檢舉和申請專區>發放檢舉獎金案件數量及金額統計]:
18


[首頁>調查局>為民服務>火焚及污(破)損鈔券鑑定]
57

[首頁>調查局>[六大重點服務]鑑識科技>科技支援科]
59


  • 以下皆圖片超出網頁頁面且以下藍色加號選單下的圖片皆超出網頁頁面(解法回文連結)

[首頁>調查局>[六大重點服務]鑑識科技>化學鑑識科]
[首頁>調查局>[六大重點服務]鑑識科技>文書鑑識科]
[首頁>調查局>[六大重點服務]鑑識科技>物理鑑識科]
[首頁>調查局>[六大重點服務]鑑識科技>生物鑑識科]
40

51

09


[首頁>調查局>工作重點>犯罪調查>防治電腦犯罪及資安鑑識實驗室]
22

19

[首頁>調查局>[六大重點服務]毒品防制>工作概況>毒品保管及處理]
39

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

出現亂碼

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

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

閱讀模式

不可以用

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

[首頁>調查局>調查人員特考>展抱山莊]
38


[首頁>調查局>工作重點>科技鑑識與研訓>人員培養訓練]
17


[首頁>調查局>工作重點>科技鑑識與研訓>通訊監察]
18

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

  • [color=red]我個人滿喜歡這裡的Q&A設計的!!![/color]

[首頁>調查局>調查人員特考>展抱山莊]
41

1個讚

問題:

可能原因:

連結錯誤

原始程式:

位置:樂活資訊 - 法務部調查局 :347

<a href="http://eserver.dgpa.gov.tw/news/news.aspx?id=1013">
	......
</a>

建議修改:

正確網址應為:https://eserver.dgpa.gov.tw/news/news-list.aspx?id=29

<a href="https://eserver.dgpa.gov.tw/news/news-list.aspx?id=29">
	......
</a>

補充:

aspx_id=29(iPhone 6_7_8)


問題:

可能原因:

連結錯誤

原始程式:

位置:樂活資訊 - 法務部調查局 :358

<td colspan="2" style="background-color: rgb(255, 233, 236);">
	<span style="font-size:18px;"><span style="line-height:1;"><a href="http://cpabom.dgpa.gov.tw/VLT/vlt_home.aspx">銀髮志工人力銀行</a></span></span>
	<a href="http://cpabom.dgpa.gov.tw/VLT/vlt_home.aspx"><span style="font-size:14px;"><span style="line-height:1;">(http://cpabom.dgpa.gov.tw/VLT/vlt_home.aspx)</span></span></a>
</td>

建議修改:

已測試,找不到可能的正確網頁

問題:

可能原因:

連結錯誤

原始程式:

位置:樂活資訊 - 法務部調查局 :354

<p>
	<span style="font-size:18px;"><span style="line-height:1;"><a href="http://www.dgpa.gov.tw/mp11.html">行</a></span></span>
	<a href="http://www.dgpa.gov.tw/mp11.html"><span style="font-size:18px;"><span style="line-height:1;">政院人事行政總處退休人員服務專區</span></span></a>
	<a href="http://www.dgpa.gov.tw/mp11.html"><span style="font-size:14px;"><span style="line-height:1;">(http://www.dgpa.gov.tw/mp11.html)</span></span></a>
</p>

建議修改:

可能的正確網址為:行政院人事行政總處全球資訊網-DGPA--退撫保險

<p>
	<a href="https://www.dgpa.gov.tw/informationlist?uid=110"><span style="font-size:18px;"><span style="line-height:1;">行政院人事行政總處退休人員服務專區</span></span></a>
	<a href="https://www.dgpa.gov.tw/informationlist?uid=110"><span style="font-size:14px;"><span style="line-height:1;">(https://www.dgpa.gov.tw/informationlist?uid=110)</span></span></a>
</p>

補充:

tw_informationlist_uid=110(iPhone 6_7_8)

問題:

原始程式:

位置:調查局所屬單位地圖 - 法務部調查局

建議修改:

已測試,問題無法複現

補充:

tw_EditPage__PageID=68997624-8ae6-4d5d-955c-dd97c5ca1f87(iPhone 6_7_8)


問題:

原始程式:

位置:洽詢電話 - 法務部調查局

建議修改:

已測試,問題無法複現

補充:

tw_EditPage__PageID=2a1dbbbc-4827-437c-983f-4918462de514(iPhone 6_7_8)


問題:

原始程式:

位置:調查局所屬單位地圖 - 法務部調查局

建議修改:

已測試,問題無法複現

補充:

tw_EditPage__PageID=32f804bb-271b-47b3-b4b3-577ac75ec097(iPhone 6_7_8)


問題:

可能原因:

圖片寬度過大

原始程式:

位置:退休人員 - 法務部調查局 :403

<img alt="朦朧的調查局大樓" src="/userfiles/images/%E9%80%80%E4%BC%91/%E6%9C%80%E6%96%B0%E6%B6%88%E6%81%AF.png" style="width: 500px; height: 281px; float: right;">

建議修改:

改變圖片的寬度限制

<img alt="朦朧的調查局大樓" src="/userfiles/images/%E9%80%80%E4%BC%91/%E6%9C%80%E6%96%B0%E6%B6%88%E6%81%AF.png" style="width: 100%;max-width:  500px;float: right;">

補充:

tw_EditPage__PageID=819e87b6-b1ce-4b0d-ba38-0c678fd15734(iPhone 6_7_8) (1)


問題:

可能原因:

長英文不會自動換行

原始程式:

位置:樂活資訊 - 法務部調查局 :340

<a href="http://hospital.kingnet.com.tw/nursing/old/index.html" target="_blank">銀髮照護網http://hospital.kingnet.com.tw/nursing/old/index.html)</a>

建議修改:

css中加入li的word-break屬性

li {
	word-break:  break-word;
}

補上左括號

<a href="http://hospital.kingnet.com.tw/nursing/old/index.html" target="_blank">銀髮照護網(http://hospital.kingnet.com.tw/nursing/old/index.html)</a>

補充:

tw_EditPage__PageID=ae37b2d0-2702-4ba4-a474-3aaf6cad0a13(iPhone 6_7_8) (1)


問題:

原始程式:

位置:洗錢防制處 - 法務部調查局洗錢防制處

建議修改:

已測試,問題無法複現

補充:

tw_mlpc(iPhone 6_7_8)


問題:

可能原因:

表格欄位標題被隱藏

原始程式:

位置:資訊公開 - 法務部調查局 :334

<th bgcolor="#CBD5F9" class="col-md-2 hidden-xs">保管場所及注意事項</th>

建議修改:

將hidden的class刪除

<th bgcolor="#CBD5F9" class="col-md-2">保管場所及注意事項</th>

補充:

tw_InfoOpen_List_Module=1(iPhone 6_7_8)


問題:

可能原因:

nowrap使文字無法換行

原始程式:

位置:https://www.mjib.gov.tw/Content/less/buttons.less :9

.btn {
	display: inline-block;
	margin-bottom: 0; // For input.btn
	font-weight: @btn-font-weight;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
	border: 1px solid transparent;
	white-space: nowrap;
	......
}

建議修改:

刪除white-space

.btn {
	display: inline-block;
	margin-bottom: 0; // For input.btn
	font-weight: @btn-font-weight;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
	border: 1px solid transparent;
	......
}

補充:

tw_EditPage__PageID=5530e9d7-ff44-4ba0-86b9-06e71a94bfee(iPhone 6_7_8)

結尾:

可考慮修改margin-bottom屬性,不然按鈕會如上圖黏在一起!


問題:

可能原因:

nowrap使文字無法換行

原始程式:

位置:https://www.mjib.gov.tw/Content/less/buttons.less :9

位置:https://www.mjib.gov.tw/css/new.css :4

a {
	color: #000079;
	text-decoration: none;
}

建議修改:

同上 [首頁&gt;調查局&gt;[六大重點服務]廉政&gt;肅貪業務專區]

a加上display屬性,可避免連結(案例)遭斷句

a {
	color: #000079;
	text-decoration: none;
	display:  inline-block;
}

補充:

tw_EditPage__PageID=1ac3ccac-7ede-4cdc-b8ce-f2a7a151cd21(iPhone 6_7_8)


問題:

可能原因:

nowrap使文字無法換行

原始程式:

位置:https://www.mjib.gov.tw/Content/less/buttons.less :9

建議修改:

如上 [首頁>調查局>[六大重點服務]廉政>肅貪業務專區]

補充:

tw_EditPage__PageID=66c7842e-3017-4f30-ab26-7adac25e7819(iPhone 6_7_8)


問題:

可能原因:

nowrap使文字無法換行

原始程式:

位置:https://www.mjib.gov.tw/Content/less/buttons.less :9

建議修改:

如上 [首頁>調查局>[六大重點服務]廉政>肅貪業務專區]

補充:

tw_EditPage__PageID=46e52a2e-39b9-4436-a5e4-855064fd0062(iPhone 6_7_8)


問題:

原始程式:

位置:檢舉獎金公式參考計算表 - 法務部調查局

建議修改:

已測試,問題無法複現

補充:

tw_EditPage__PageID=df45763f-75a2-4da2-bdd0-198bb8674b8e(iPhone 6_7_8)


問題:

可能原因:

表格寬度被固定

原始程式:

位置:發放檢舉獎金案件數量及金額統計 - 法務部調查局 :338
以 102年迄105年貪瀆案件檢舉獎金發放統計表 為例

<table border="1" cellpadding="0" cellspacing="0" class="table table-striped" style="width: 100%;" width="450">
	<thead>
		<tr>
			<th nowrap="nowrap" scope="col" style="width: 220px; height: 22px;"><p align="center"><span style="font-size: 18px;">年度</span></p></th>
			<th nowrap="nowrap" scope="col" style="width: 59px; height: 22px;"><p align="center"><span style="font-size: 18px;">筆數</span></p></th>
			<th nowrap="nowrap" scope="col" style="width: 170px; height: 22px;"><p align="center"><span style="font-size: 18px;">金額(新臺幣)</span></p></th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td nowrap="nowrap" style="width: 220px; height: 22px;"><p><span style="font-size: 18px;">102年</span></p></td>
			<td nowrap="nowrap" style="width: 59px; height: 22px;"><p align="right"><span style="font-size: 18px;">14</span></p></td>
			<td nowrap="nowrap" style="width: 170px; height: 22px;"><p align="right"><span style="font-size: 18px;">1,376萬6,664元</span></p></td>
		</tr>
		<tr>
			<td nowrap="nowrap" style="width: 220px; height: 22px;"><p><span style="font-size: 18px;">103年</span></p></td>
			<td nowrap="nowrap" style="width: 59px; height: 22px;"><p align="right"><span style="font-size: 18px;">11</span></p></td>
			<td nowrap="nowrap" style="width: 170px; height: 22px;"><p align="right"><span style="font-size: 18px;">1,183萬3,331元</span></p></td>
		</tr>
		<tr>
			<td nowrap="nowrap" style="width: 220px; height: 22px;"><p><span style="font-size: 18px;">104年</span></p></td>
			<td nowrap="nowrap" style="width: 59px; height: 22px;"><p align="right"><span style="line-height: 25.71px; font-size: 18px;">22</span></p></td>
			<td nowrap="nowrap" style="width: 170px; height: 22px;"><p align="right"><span style="font-size: 18px;">2,921萬6,664元</span></p></td>
		</tr>
		<tr>
			<td nowrap="nowrap" style="width: 220px; height: 22px;"><p><span style="line-height: 25.71px; font-size: 18px;">105年</span></p></td>
			<td nowrap="nowrap" style="width: 59px; height: 22px;"><p align="right"><span style="font-size: 18px;">12</span></p></td>
			<td nowrap="nowrap" style="width: 170px; height: 22px;"><p align="right"><span style="font-size: 18px;">1,315萬</span></p></td>
		</tr>
		<tr>
			<td nowrap="nowrap" style="width: 220px; height: 22px;"><p><span style="font-size: 18px;">總計</span></p></td>
			<td nowrap="nowrap" style="width: 59px; height: 22px;"><p align="right"><span style="line-height: 25.71px; font-size: 18px;">59</span></p></td>
			<td nowrap="nowrap" style="width: 170px; height: 22px;"><p align="right"><span style="font-size: 18px;">6,796萬6,659元</span></p></td>
		</tr>
	</tbody>
</table>

建議修改:

把寬度限制全删了

<table border="1" cellpadding="0" cellspacing="0" class="table table-striped" style="width: 100%;" width="450">
	<thead>
		<tr>
			<th nowrap="nowrap" scope="col" style="height: 22px;"><p align="center"><span style="font-size: 18px;">年度</span></p></th>
			<th nowrap="nowrap" scope="col" style="height: 22px;"><p align="center"><span style="font-size: 18px;">筆數</span></p></th>
			<th nowrap="nowrap" scope="col" style="height: 22px;"><p align="center"><span style="font-size: 18px;">金額(新臺幣)</span></p></th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td nowrap="nowrap" style="height: 22px;"><p><span style="font-size: 18px;">102年</span></p></td>
			<td nowrap="nowrap" style="height: 22px;"><p align="right"><span style="font-size: 18px;">14</span></p></td>
			<td nowrap="nowrap" style="height: 22px;"><p align="right"><span style="font-size: 18px;">1,376萬6,664元</span></p></td>
		</tr>
		<tr>
			<td nowrap="nowrap" style="height: 22px;"><p><span style="font-size: 18px;">103年</span></p></td>
			<td nowrap="nowrap" style="height: 22px;"><p align="right"><span style="font-size: 18px;">11</span></p></td>
			<td nowrap="nowrap" style="height: 22px;"><p align="right"><span style="font-size: 18px;">1,183萬3,331元</span></p></td>
		</tr>
		<tr>
			<td nowrap="nowrap" style="height: 22px;"><p><span style="font-size: 18px;">104年</span></p></td>
			<td nowrap="nowrap" style="height: 22px;"><p align="right"><span style="line-height: 25.71px; font-size: 18px;">22</span></p></td>
			<td nowrap="nowrap" style="height: 22px;"><p align="right"><span style="font-size: 18px;">2,921萬6,664元</span></p></td>
		</tr>
		<tr>
			<td nowrap="nowrap" style="height: 22px;"><p><span style="line-height: 25.71px; font-size: 18px;">105年</span></p></td>
			<td nowrap="nowrap" style="height: 22px;"><p align="right"><span style="font-size: 18px;">12</span></p></td>
			<td nowrap="nowrap" style="height: 22px;"><p align="right"><span style="font-size: 18px;">1,315萬</span></p></td>
		</tr>
		<tr>
			<td nowrap="nowrap" style="height: 22px;"><p><span style="font-size: 18px;">總計</span></p></td>
			<td nowrap="nowrap" style="height: 22px;"><p align="right"><span style="line-height: 25.71px; font-size: 18px;">59</span></p></td>
			<td nowrap="nowrap" style="height: 22px;"><p align="right"><span style="font-size: 18px;">6,796萬6,659元</span></p></td>
		</tr>
	</tbody>
</table>

補充:

tw_EditPage__PageID=f66ca887-246a-45c1-95b8-c8e3a6a5780d(iPhone 6_7_8)

問題:

原始程式:

位置:火焚及污(破)損鈔券鑑定 - 法務部調查局

建議修改:

已測試,問題無法複現

補充:

tw_EditPage__PageID=8a6b46f0-cd32-41ad-8e07-731c29572809(iPhone 6_7_8)


問題:

原始程式:

位置:科技支援科 - 法務部調查局

建議修改:

已測試,問題無法複現

補充:

tw_EditPage__PageID=a64d4bd7-be60-423d-ac18-42f18eeddb5d(iPhone 6_7_8)

問題

可能問題:

圖片寬度限制錯誤

原始程式:

以 [首頁>調查局>[六大重點服務]鑑識科技>化學鑑識科] 為例
位置:https://www.mjib.gov.tw/Content/bootstrap.css :103

img {
	border: 0;
}

建議修改:

加上img的長寬限制

img {
	border: 0;
	max-width:  100%;
	max-height:  100%;
	height:  auto !important;
}

補充:

tw_EditPage__PageID=9c6125ad-8e9b-453b-a8fc-31eeafb00ad1(iPhone 6_7_8) tw_EditPage__PageID=9c6125ad-8e9b-453b-a8fc-31eeafb00ad1(iPhone 6_7_8) (2)

結尾:

如果覺得下方的圖片太小,可以將表格display設為block
不過因圖片及文字在不同列所以block會導致圖文分開
建議可將文字說明寫到與圖片同個欄位
如果覺得表格相鄰過密就善用margin屬性~

效果傳送門

問題:

可能原因:

iframe長寬限制

原始程式:

以 [首頁>調查局>工作重點>犯罪調查>防治電腦犯罪及資安鑑識實驗室] 為例
位置:資通安全 - 法務部調查局 :365

<iframe title="106年府會資安週調查局局長專訪影片(長度4分48秒)" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/r495CvLIJ-o" width="560"></iframe>
......
<iframe title="ATM盜領案" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/KpnY2-WjybA" width="560"></iframe>

建議修改:

使用bootstrap解決

<div class="embed-responsive embed-responsive-16by9">
	<iframe class="embed-responsive-item" title="106年府會資安週調查局局長專訪影片(長度4分48秒)" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/r495CvLIJ-o"></iframe>
</div>
......
<div class="embed-responsive embed-responsive-16by9">
	<iframe class="embed-responsive-item" title="ATM盜領案" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/KpnY2-WjybA"></iframe>
</div>

補充:

tw_EditPage__PageID=60306028-2aaf-47ca-9c42-eb537b4749bc(iPhone 6_7_8)

問題:

可能原因:

按鈕可以使用,不過按一次會跑兩張
位置:展抱山莊 - 法務部調查局 :363

<div class="swipe-navi">
	<div class="swipe-left" onclick="mySwipe.prev()" onkeypress="mySwipe.prev()">
		<a href="#" onclick="mySwipe.prev()" onkeypress="mySwipe.prev()">
			<i class="fa fa-chevron-left"></i>
		</a>
	</div>
	<div class="swipe-right" onclick="mySwipe.next()" onkeypress="mySwipe.next()">
		<a href="#" onclick="mySwipe.next()" onkeypress="mySwipe.next()">
			<i class="fa fa-chevron-right"></i>
		</a>
	</div>
</div>

位置:https://www.mjib.gov.tw/css/layout/wide.css :1327

.blog_large .post_img img, .blog_single .post_img img {
	height: auto;
	max-width: 100%;
	opacity: 1;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	-ms-filter: "none";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-ms-transition: all 150ms ease-in-out;
}

建議修改:

將a標籤刪除

<div class="swipe-navi">
	<div class="swipe-left" onclick="mySwipe.prev()" onkeypress="mySwipe.prev()">
		<i class="fa fa-chevron-left"></i>
	</div>
	<div class="swipe-right" onclick="mySwipe.next()" onkeypress="mySwipe.next()">
		<i class="fa fa-chevron-right"></i>
	</div>
</div>

圖片在html中被限定高度,將css中height設為!important

.blog_large .post_img img, .blog_single .post_img img {
	height: auto !important;
	......
}

補充:

tw_EditPage__PageID=ca41bc83-3450-498b-9904-6a935f8bb500(iPhone 6_7_8)

問題:

可能原因:

表格跑版

原始程式:

位置:人員培養訓練 - 法務部調查局

建議修改:

如上 [首頁>調查局>[六大重點服務]鑑識科技>化學鑑識科]

補充:

使用上文結尾之解法

tw_EditPage__PageID=0a0a23bd-1394-4cce-8049-9fbc229b56dd(iPhone 6_7_8)

問題:

可能原因:

應為本局通訊監察作業流程說明

原始程式:

位置:通訊監察 - 法務部調查局 :340

<div class="row row-1">
	<div class="col col-md-4">
		<div>
			<p><span style="font-size: 18px;"><span style="line-height: 2;"><img align="absMiddle" alt="*" src="/userfiles/images/new/point2.gif" style="width: 12px; height: 12px;">&nbsp;<a href="#3-1">法令依據</a></span></span></p>
		</div>
	</div>
	<div class="col col-md-4">
		<div>
			<p><span style="font-size: 18px;"><span style="line-height: 2;"><img align="absMiddle" alt="*" src="/userfiles/images/new/point2.gif" style="width: 12px; height: 12px;">&nbsp;<a href="#3-1">法令依據</a></span></span></p>
		</div>
	</div>
	<div class="col col-md-4">
		<div>
			<p><span style="font-size: 18px;"><span style="line-height: 2;"><img align="absMiddle" alt="*" src="/userfiles/images/new/point2.gif" style="width: 12px; height: 12px;">&nbsp;<a href="#3-3">監督機制</a></span></span></p>
		</div>
	</div>
</div>

建議修改:

將第二欄連結修正

<div class="row row-1">
	<div class="col col-md-4">
		<p><span style="font-size: 18px;line-height: 2;"><img align="absMiddle" alt="*" src="/userfiles/images/new/point2.gif" style="width: 12px; height: 12px;">&nbsp;<a href="#3-1">法令依據</a></span></p>
	</div>
	<div class="col col-md-4">
		<p><span style="font-size: 18px;line-height: 2;"><img align="absMiddle" alt="*" src="/userfiles/images/new/point2.gif" style="width: 12px; height: 12px;">&nbsp;<a href="#3-2">本局通訊監察作業流程說明</a></span></p>
	</div>
	<div class="col col-md-4">
		<p><span style="font-size: 18px;line-height: 2;"><img align="absMiddle" alt="*" src="/userfiles/images/new/point2.gif" style="width: 12px; height: 12px;">&nbsp;<a href="#3-3">監督機制</a></span></p>
	</div>
</div>

補充:

tw_EditPage__PageID=4a21882a-dc99-45d8-ac27-f359c484b318(iPhone 6_7_8)

結尾:

  • 容器太多層,可以刪除不必要的部分
  • style可以統一寫在css中